:root {
  color-scheme: light;
  --p-white: #FFFFFF;
  --p-ink-25: #F3F5FA;
  --p-ink-50: #E9EDF5;
  --p-ink-100: #EAF0FA;
  --p-ink-200: #DFE4EE;
  --p-ink-400: #9AA8C2;
  --p-ink-500: #717D96;
  --p-ink-550: #5A6A8A;
  --p-ink-600: #4A5672;
  --p-ink-750: #232F4A;
  --p-ink-800: #18223A;
  --p-ink-850: #0F172B;
  --p-ink-900: #0B1530;
  --p-ink-950: #070C1A;
  --p-blue-100: #E3E9FF;
  --p-blue-200: #CBD7FF;
  --p-blue-400: #7C9BFF;
  --p-blue-600: #2952F5;
  --p-blue-800: #1A2F8F;
  --p-blue-900: #1B2A5C;
  --p-navy-700: #22398A;
  --p-navy-800: #1B2D66;
  --p-navy-900: #0E1A3A;
  --p-navy-950: #13245A;
  --p-navy-mist: #B4C1E6;
  --p-teal-100: #DDF4F0;
  --p-teal-300: #4FD1BF;
  --p-teal-700: #0B6B61;
  --p-teal-950: #0E2E2B;
  --p-violet-100: #ECE5FB;
  --p-violet-300: #B9A2F5;
  --p-violet-700: #5B36B5;
  --p-violet-950: #271C47;
  --p-amber-100: #FDEBD6;
  --p-amber-300: #F7B267;
  --p-amber-400: #F5B83D;
  --p-amber-500: #E8833A;
  --p-amber-700: #A64A06;
  --p-amber-950: #3A2611;
  --p-amber-ink: #2B1500;
  --p-rose-100: #FBE3EA;
  --p-rose-300: #F48BA8;
  --p-rose-700: #B42850;
  --p-rose-950: #3A1622;
  --p-red-400: #FF8A80;
  --p-red-600: #C62828;
  --p-green-100: #DCF5E4;
  --p-green-400: #5EDB8B;
  --p-green-700: #166534;
  --p-green-950: #11301E;
  --bg: #F3F5FA;
  --surface: #FFFFFF;
  --surface2: #E9EDF5;
  --fg: #0B1530;
  --muted: #4A5672;
  --border: #DFE4EE;
  --outline: #717D96;
  --primary: #2952F5;
  --on-primary: #FFFFFF;
  --primary-container: #E3E9FF;
  --on-primary-container: #1A2F8F;
  --danger: #C62828;
  --on-danger: #FFFFFF;
  --success: #166534;
  --success-container: #DCF5E4;
  --hero: #0E1A3A;
  --hero-glow: #1B2D66;
  --on-hero: #FFFFFF;
  --on-hero-muted: #B4C1E6;
  --hero-glass: rgba(255, 255, 255, 0.12);
  --hero-edge: rgba(143, 176, 255, 0.95);
  --hero-raised: #1B2D66;
  --hero-glow-violet: #5B36B5;
  --hero-glow-teal: #0B6B61;
  --hero-glow-amber: #A64A06;
  --hero-blue: #7C9BFF;
  --hero-violet: #B9A2F5;
  --hero-teal: #4FD1BF;
  --pro-start: #F5B83D;
  --pro-end: #E8833A;
  --on-pro: #2B1500;
  --paper: #FFFFFF;
  --scrim: rgba(5, 8, 15, 0.50);
  --overlay: rgba(11, 21, 48, 0.78);
  --on-overlay: #FFFFFF;
  --ripple: rgba(11, 21, 48, 0.10);
  --ripple-on-filled: rgba(255, 255, 255, 0.24);
  --logo-tile: #FFFFFF;
  --tint-blue-bg: #E3E9FF;
  --tint-blue-fg: #1A2F8F;
  --tint-teal-bg: #DDF4F0;
  --tint-teal-fg: #0B6B61;
  --tint-violet-bg: #ECE5FB;
  --tint-violet-fg: #5B36B5;
  --tint-amber-bg: #FDEBD6;
  --tint-amber-fg: #A64A06;
  --tint-rose-bg: #FBE3EA;
  --tint-rose-fg: #B42850;
  --tint-green-bg: #DCF5E4;
  --tint-green-fg: #166534;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #070C1A;
    --surface: #0F172B;
    --surface2: #18223A;
    --fg: #EAF0FA;
    --muted: #9AA8C2;
    --border: #232F4A;
    --outline: #5A6A8A;
    --primary: #7C9BFF;
    --on-primary: #070C1A;
    --primary-container: #1B2A5C;
    --on-primary-container: #CBD7FF;
    --danger: #FF8A80;
    --on-danger: #070C1A;
    --success: #5EDB8B;
    --success-container: #11301E;
    --hero: #13245A;
    --hero-glow: #22398A;
    --on-hero: #FFFFFF;
    --on-hero-muted: #B4C1E6;
    --hero-glass: rgba(255, 255, 255, 0.12);
    --hero-edge: rgba(143, 176, 255, 0.95);
    --hero-raised: #1B2D66;
    --hero-glow-violet: #5B36B5;
    --hero-glow-teal: #0B6B61;
    --hero-glow-amber: #A64A06;
    --hero-blue: #7C9BFF;
    --hero-violet: #B9A2F5;
    --hero-teal: #4FD1BF;
    --pro-start: #F5B83D;
    --pro-end: #E8833A;
    --on-pro: #2B1500;
    --paper: #F3F5FA;
    --scrim: rgba(0, 0, 0, 0.60);
    --overlay: rgba(7, 12, 26, 0.80);
    --on-overlay: #FFFFFF;
    --ripple: rgba(255, 255, 255, 0.12);
    --ripple-on-filled: rgba(7, 12, 26, 0.20);
    --logo-tile: #FFFFFF;
    --tint-blue-bg: #1B2A5C;
    --tint-blue-fg: #CBD7FF;
    --tint-teal-bg: #0E2E2B;
    --tint-teal-fg: #4FD1BF;
    --tint-violet-bg: #271C47;
    --tint-violet-fg: #B9A2F5;
    --tint-amber-bg: #3A2611;
    --tint-amber-fg: #F7B267;
    --tint-rose-bg: #3A1622;
    --tint-rose-fg: #F48BA8;
    --tint-green-bg: #11301E;
    --tint-green-fg: #5EDB8B;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070C1A;
  --surface: #0F172B;
  --surface2: #18223A;
  --fg: #EAF0FA;
  --muted: #9AA8C2;
  --border: #232F4A;
  --outline: #5A6A8A;
  --primary: #7C9BFF;
  --on-primary: #070C1A;
  --primary-container: #1B2A5C;
  --on-primary-container: #CBD7FF;
  --danger: #FF8A80;
  --on-danger: #070C1A;
  --success: #5EDB8B;
  --success-container: #11301E;
  --hero: #13245A;
  --hero-glow: #22398A;
  --on-hero: #FFFFFF;
  --on-hero-muted: #B4C1E6;
  --hero-glass: rgba(255, 255, 255, 0.12);
  --hero-edge: rgba(143, 176, 255, 0.95);
  --hero-raised: #1B2D66;
  --hero-glow-violet: #5B36B5;
  --hero-glow-teal: #0B6B61;
  --hero-glow-amber: #A64A06;
  --hero-blue: #7C9BFF;
  --hero-violet: #B9A2F5;
  --hero-teal: #4FD1BF;
  --pro-start: #F5B83D;
  --pro-end: #E8833A;
  --on-pro: #2B1500;
  --paper: #F3F5FA;
  --scrim: rgba(0, 0, 0, 0.60);
  --overlay: rgba(7, 12, 26, 0.80);
  --on-overlay: #FFFFFF;
  --ripple: rgba(255, 255, 255, 0.12);
  --ripple-on-filled: rgba(7, 12, 26, 0.20);
  --logo-tile: #FFFFFF;
  --tint-blue-bg: #1B2A5C;
  --tint-blue-fg: #CBD7FF;
  --tint-teal-bg: #0E2E2B;
  --tint-teal-fg: #4FD1BF;
  --tint-violet-bg: #271C47;
  --tint-violet-fg: #B9A2F5;
  --tint-amber-bg: #3A2611;
  --tint-amber-fg: #F7B267;
  --tint-rose-bg: #3A1622;
  --tint-rose-fg: #F48BA8;
  --tint-green-bg: #11301E;
  --tint-green-fg: #5EDB8B;
}