:root {
  /* Brand Colors - Premium Light Mode Only */
  --color-primary: #0057D9;
  --color-primary-rgb: 0, 87, 217;
  --color-primary-hover: #0046B2;
  --color-primary-subtle: rgba(0, 87, 217, 0.10);

  --color-accent: #D4952A;
  --color-accent-rgb: 212, 149, 42;
  --color-accent-subtle: rgba(212, 149, 42, 0.10);

  --color-success: #1A7F4B;
  --color-success-rgb: 26, 127, 75;
  --color-success-subtle: rgba(26, 127, 75, 0.10);

  --color-warning: #D97706;
  --color-warning-rgb: 217, 119, 6;
  --color-warning-subtle: rgba(217, 119, 6, 0.10);

  --color-danger: #C8303B;
  --color-danger-rgb: 200, 48, 59;
  --color-danger-subtle: rgba(200, 48, 59, 0.10);

  --color-indigo: #4F46E5;
  --color-purple: #7C3AED;
  --color-pink: #DB2777;
  --color-teal: #0E9F9F;

  /* Surfaces & Backgrounds - Light Mode */
  --bg-body: #FAFAFA;
  --bg-grouped: #F4F5F7;
  --bg-card: #FFFFFF;
  --bg-card-secondary: #F4F5F7;
  --bg-elevated: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.90);
  --bg-glass-strong: rgba(255, 255, 255, 0.97);
  --bg-overlay: rgba(0, 0, 0, 0.48);

  /* Label & Text Hierarchy */
  --text-primary: #111318;
  --text-secondary: #52586B;
  --text-tertiary: #8A91A3;
  --text-quaternary: #BDC2CE;
  --text-inverse: #FFFFFF;

  /* Separators & Borders */
  --separator: #DDE1E9;
  --separator-subtle: rgba(17, 19, 24, 0.08);
  --border-subtle: rgba(17, 19, 24, 0.07);
  --border-focus: #0057D9;

  /* Fill colors */
  --fill-primary: rgba(82, 88, 107, 0.14);
  --fill-secondary: rgba(82, 88, 107, 0.10);
  --fill-tertiary: rgba(82, 88, 107, 0.07);
  --fill-quaternary: rgba(82, 88, 107, 0.04);

  /* Elevation & Shadows */
  --shadow-xs: 0 1px 2px rgba(17, 19, 24, 0.04);
  --shadow-sm: 0 2px 8px rgba(17, 19, 24, 0.06);
  --shadow-md: 0 8px 24px rgba(17, 19, 24, 0.09);
  --shadow-lg: 0 16px 48px rgba(17, 19, 24, 0.13);
  --shadow-floating: 0 24px 60px -8px rgba(17, 19, 24, 0.20);

  /* Continuous Corner Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* Typography Scale */
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --font-size-large-title: 34px;
  --font-size-title-1: 28px;
  --font-size-title-2: 22px;
  --font-size-title-3: 20px;
  --font-size-headline: 17px;
  --font-size-body: 17px;
  --font-size-callout: 16px;
  --font-size-subhead: 15px;
  --font-size-footnote: 13px;
  --font-size-caption: 12px;

  /* Transitions & Spring Easing */
  --ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-fast: 150ms;
  --duration-normal: 280ms;
  --duration-slow: 400ms;

  /* Layout Constants */
  --header-height: 68px;
  --navbar-height: 48px;
  --tabbar-height: 68px;
  --max-content-width: 1280px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}

/* Strict Light Mode Enforcement — Prevents any browser or OS dark mode override */
:root,
html,
body,
[data-theme="light"],
[data-theme="dark"] {
  color-scheme: light !important;
  --bg-body: #FAFAFA !important;
  --bg-grouped: #F4F5F7 !important;
  --bg-card: #FFFFFF !important;
  --bg-card-secondary: #F4F5F7 !important;
  --bg-elevated: #FFFFFF !important;
  --bg-glass: rgba(255, 255, 255, 0.90) !important;
  --bg-glass-strong: rgba(255, 255, 255, 0.98) !important;
  --text-primary: #111318 !important;
  --text-secondary: #52586B !important;
  --text-tertiary: #8A91A3 !important;
  --text-quaternary: #BDC2CE !important;
}

@media (prefers-color-scheme: dark) {
  :root, html, body {
    color-scheme: light !important;
    background-color: #FAFAFA !important;
    color: #111318 !important;
  }
}