:root{
  --fox-50: oklch(0.970 0.015 40.9); /* #FFF2ED */
  --fox-100: oklch(0.930 0.037 40.9); /* #FFE0D5 */
  --fox-200: oklch(0.870 0.072 40.9); /* #FFC5B0 */
  --fox-300: oklch(0.790 0.125 40.9); /* #FE9E7B */
  --fox-400: oklch(0.686 0.188 40.9); /* #F6682C */
  --fox-500: oklch(0.620 0.188 40.9); /* #DE5209 */
  --fox-600: oklch(0.540 0.166 40.9); /* #BA4201 */
  --fox-700: oklch(0.460 0.141 40.9); /* #953402 */
  --fox-800: oklch(0.380 0.117 40.9); /* #732500 */
  --fox-900: oklch(0.300 0.092 40.9); /* #521800 */
  --fox-950: oklch(0.230 0.071 40.9); /* #370E00 */
  --mint-50: oklch(0.970 0.024 170.5); /* #E6FBF3 */
  --mint-100: oklch(0.930 0.041 170.5); /* #CEF1E4 */
  --mint-200: oklch(0.870 0.065 170.5); /* #AAE3CE */
  --mint-300: oklch(0.785 0.121 170.5); /* #5AD2AE */
  --mint-400: oklch(0.690 0.130 170.5); /* #1FB590 */
  --mint-500: oklch(0.620 0.122 170.5); /* #019D7C */
  --mint-600: oklch(0.540 0.106 170.5); /* #028266 */
  --mint-700: oklch(0.460 0.090 170.5); /* #036851 */
  --mint-800: oklch(0.380 0.073 170.5); /* #034F3D */
  --mint-900: oklch(0.300 0.059 170.5); /* #003729 */
  --mint-950: oklch(0.230 0.045 170.5); /* #00231A */
  --night-0: oklch(0.985 0.012 276.0); /* #F9FAFE */
  --night-50: oklch(0.960 0.012 276.0); /* #EFF1FA */
  --night-100: oklch(0.925 0.012 276.0); /* #E4E6EE */
  --night-200: oklch(0.860 0.012 276.0); /* #CFD0D9 */
  --night-300: oklch(0.780 0.012 276.0); /* #B5B7BF */
  --night-400: oklch(0.680 0.030 276.0); /* #9397AB */
  --night-500: oklch(0.580 0.030 276.0); /* #75798D */
  --night-600: oklch(0.480 0.030 276.0); /* #595C6F */
  --night-700: oklch(0.390 0.045 276.0); /* #3E435D */
  --night-800: oklch(0.320 0.045 276.0); /* #2C314A */
  --night-850: oklch(0.285 0.045 276.0); /* #242840 */
  --night-900: oklch(0.260 0.054 276.0); /* #1D213E */
  --night-950: oklch(0.210 0.045 276.0); /* #13162D */
  --night-975: oklch(0.180 0.045 276.0); /* #0D0F25 */
  --cream-50: oklch(0.970 0.025 85.0); /* #FDF4E1 */
  --cream-100: oklch(0.930 0.030 85.0); /* #F1E7D2 */
  --cream-150: oklch(0.890 0.030 85.0); /* #E4DAC5 */
  --cream-200: oklch(0.850 0.030 85.0); /* #D7CDB8 */
  --cream-300: oklch(0.760 0.025 85.0); /* #B8B0A0 */
  --background: var(--night-975);
  --surface: var(--night-900);
  --surface-raised: var(--night-850);
  --divider: var(--night-700);
  --border: var(--night-500);
  --text: var(--cream-50);
  --text-muted: var(--cream-150);
  --text-subtle: var(--cream-300);
  --interactive: var(--fox-400);
  --interactive-hover: #FA8D68;
  --interactive-active: var(--fox-500);
  --text-on-interactive: var(--night-975);
  --brand-ink: var(--fox-300);
  --accent: var(--mint-300);
  --focus-ring: var(--fox-300);
  --success: var(--mint-300);
  --warning: #F0C551;
  --error: #F471AA;
  --info: #72B8F2;
}
[data-theme=light]{
  --background: var(--cream-50);
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --divider: var(--night-200);
  --border: var(--night-500);
  --text: var(--night-900);
  --text-muted: var(--night-700);
  --text-subtle: var(--night-600);
  --interactive: var(--fox-600);
  --interactive-hover: var(--fox-700);
  --interactive-active: var(--fox-800);
  --text-on-interactive: #FFFFFF;
  --brand-ink: var(--fox-700);
  --accent: var(--mint-700);
  --focus-ring: var(--fox-700);
  --success: var(--mint-700);
  --warning: #A86B06;
  --error: #B92846;
  --info: #1F6CB0;
}