:root {
  /* Brand CSS Variables */
  --brand-primary: #5e396b;
  --brand-secondary: #3d264a;

  --menu-font-color: oklch(1 0 0);
  --menu-font-shadow: oklch(0 0 0);
  --menu-gradient-via: var(--brand-secondary);

  --logo-padding: 40px;
  --logo-padding-y: 4px;
  --logo-padding-x: 4px;
  --logo-width: 140px;

  --logo-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));

  /* Splash screen logo shadow */
  --splash-logo-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));

  --header-button-color: var(--brand-secondary);

  --onboarding-sidebar-logo-bg: var(--brand-primary);
}