:root {
  color-scheme: dark;
  --color-warm-glow: rgba(232,200,138,0.08);
  --color-warm: #E8C88A;
  --color-background: #0A0E1A;
  --color-surface: #111827;
  --color-surface-2: #182030;
  --color-text: #DDD8D0;
  --color-heading: #EAE5D8;
  --color-muted: #7A8BA4;
  --color-accent: #5EEAD4;
  --color-accent-dim: #2D7A6E;
  --color-border: #1E2D42;
  --color-primary: #5EEAD4;
  --color-primary-dim: #2D7A6E;
  --color-secondary: #7A8BA4;
  --color-success: #4ade80;
  --color-warning: #E8C88A;
  --color-error: #f87171;
  --color-code-bg: #090d14;
  --color-code-border: rgba(255,255,255,0.08);
  --color-code-inline-bg: rgba(255,255,255,0.08);
  --color-code-inline-border: rgba(255,255,255,0.06);
  --color-scrollbar-thumb: rgba(255,255,255,0.15);
  --color-scrollbar-thumb-hover: rgba(255,255,255,0.25);
  --color-syntax-keyword: #FF7B72;
  --color-syntax-string: #A5D6FF;
  --color-syntax-comment: #7A8BA4;
  --color-syntax-number: #79C0FF;
  --color-syntax-function: #D2A8FF;
  --color-syntax-name: #DDD8D0;
  --color-syntax-builtin: #FFA657;
  --color-syntax-operator: #FF7B72;
  --color-syntax-type: #FFA657;
  --color-syntax-variable: #79C0FF;
  --color-syntax-punctuation: #DDD8D0;
  --color-syntax-error: #F87171;
  --font-base: 1.0625rem;
  --font-family: 'Newsreader', 'Georgia', serif;
  --font-display: 'Major Mono Display', monospace;
  --font-heading: 'Newsreader', 'Georgia', serif;
  --font-body: 'Newsreader', 'Georgia', serif;
  --font-mono: 'JetBrains Mono', 'Menlo', monospace;
  --font-massive: clamp(5rem, 18vw, 14rem);
  --font-hero: 12rem;
  --font-h1: clamp(1.8rem, 4.5vw, 3rem);
  --font-h2: clamp(1.4rem, 3vw, 2rem);
  --font-body-size: 1.15rem;
  --font-small: 0.8125rem;
  --font-caption: 0.6875rem;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-leading-tight: 1.1;
  --font-leading-normal: 1.75;
  --font-tracking-tight: -0.03em;
  --space-section: clamp(6rem, 14vh, 12rem);
  --space-block: 4rem;
  --space-element: 2rem;
  --space-tight: 0.5rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --effect-transition-fast: 0.15s ease;
  --effect-transition-base: 0.2s ease-out;
  --effect-transition-slow: 0.3s ease;
  --effect-shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
  --effect-shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --effect-shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
  --effect-shadow-brutal: 4px 4px 0px;
  --effect-blur-sm: 4px;
  --effect-blur-md: 8px;
  --effect-blur-lg: 16px;
  --effect-border-thin: 1px;
  --effect-border-medium: 2px;
  --effect-border-thick: 4px;
  --effect-border-brutal: 8px;
  --effect-z-base: 0;
  --effect-z-content: 10;
  --effect-z-nav: 50;
  --effect-z-modal: 100;
  --effect-z-toast: 200;
}
[data-theme='light']:root,
:root[data-theme='light'] {
  color-scheme: light;
  --color-background: #FBF9F4;
  --color-surface: #FFFFFF;
  --color-surface-2: #F3EFE6;
  --color-text: #1B2333;
  --color-heading: #0F1729;
  --color-muted: #5C6B83;
  --color-accent: #0F8F7E;
  --color-accent-dim: #5EEAD4;
  --color-border: #E2DDD0;
  --color-primary: #0F8F7E;
  --color-primary-dim: #5EEAD4;
  --color-secondary: #5C6B83;
  --color-success: #16a34a;
  --color-warning: #B5810C;
  --color-error: #DC2626;
  --color-code-bg: #F6F8FA;
  --color-code-border: #E2DDD0;
  --color-code-inline-bg: rgba(0,0,0,0.05);
  --color-code-inline-border: rgba(0,0,0,0.04);
  --color-scrollbar-thumb: rgba(0,0,0,0.15);
  --color-scrollbar-thumb-hover: rgba(0,0,0,0.25);
  --color-syntax-keyword: #CF222E;
  --color-syntax-string: #0A3069;
  --color-syntax-comment: #6E7781;
  --color-syntax-number: #0550AE;
  --color-syntax-function: #8250DF;
  --color-syntax-name: #1B2333;
  --color-syntax-builtin: #953800;
  --color-syntax-operator: #CF222E;
  --color-syntax-type: #953800;
  --color-syntax-variable: #0550AE;
  --color-syntax-punctuation: #1B2333;
  --color-syntax-error: #DC2626;
}