:root,
[data-theme="light"] {
  --color-page: #FFFCFF;
  --color-surface: #F5F1ED;
  --color-surface-elevated: #FFFFFF;
  --color-text: #101010;
  --color-text-secondary: #45413F;
  --color-text-muted: #77716D;
  --color-border: #D9D3CE;
  --color-brand: #FB5012;
  --color-brand-hover: #E6450A;
  --color-brand-contrast: #101010;
  --color-editorial-secondary: #5B507A;
  --color-success: #168245;
  --color-warning: #B66B00;
  --color-error: #C7362F;
  --color-focus: #5B507A;
  --color-paper-on-ink: #FFFCFF;
  --color-ink-fixed: #101010;

  --font-display: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Helvetica Neue", Arial, sans-serif;
  --font-editorial: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 800;
  --font-weight-black: 900;

  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-lg: clamp(1.0625rem, 1vw + .8rem, 1.25rem);
  --font-size-h4: clamp(1.25rem, 2vw, 1.6rem);
  --font-size-h3: clamp(1.5rem, 3vw, 2.4rem);
  --font-size-h2: clamp(2.25rem, 5vw, 5rem);
  --font-size-h1: clamp(3.2rem, 8.1vw, 7.35rem);
  --line-display: .9;
  --line-heading: 1.05;
  --line-body: 1.55;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --container-sm: 760px;
  --container-md: 1040px;
  --container-lg: 1280px;
  --container-xl: 1440px;
  --page-padding: clamp(1.125rem, 3.5vw, 3rem);

  --radius-xs: 2px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --border-thin: 1px solid var(--color-border);
  --shadow-editorial: 7px 9px 0 rgba(16, 16, 16, .08);

  --transition-fast: 150ms ease;
  --transition-base: 260ms ease;
  --transition-slow: 450ms ease;

  --z-base: 1;
  --z-art: 10;
  --z-header: 100;
  --z-dropdown: 200;
  --z-mobile-nav: 300;
  --z-toast: 600;

  --header-height-mobile: 68px;
  --header-height-desktop: 82px;
}

[data-theme="dark"] {
  --color-page: #101010;
  --color-surface: #171717;
  --color-surface-elevated: #202020;
  --color-text: #FFFCFF;
  --color-text-secondary: #D1CBC6;
  --color-text-muted: #96908B;
  --color-border: #34312F;
  --color-brand: #FB5012;
  --color-brand-hover: #FF6A36;
  --color-brand-contrast: #101010;
  --color-editorial-secondary: #80759F;
  --color-success: #48A86B;
  --color-warning: #E09A2B;
  --color-error: #E25A53;
  --color-focus: #FFFCFF;
  --shadow-editorial: 7px 9px 0 rgba(255, 252, 255, .08);
}