/* Shared design tokens. Every theme has explicit defaults. */
:root {
  color-scheme: light;
  --bg: #f5f5f2;
  --surface: #ffffff;
  --surface-soft: #eaeae6;
  --text: #191a18;
  --muted: #63655f;
  --line: #d9dad4;
  --accent: #34040c;
  --accent-soft: #e8ddde;
  --on-accent: #ffffff;
  --night: #151815;
  --night-soft: #212520;
  --night-text: #f5f5f2;
  --night-muted: #b9bdb5;
  --night-line: #42463e;
  --header-bg: #f5f5f2ed;
  --scrim: #0a0d0990;
  --transparent: transparent;
  --photo-floor: #000000;
  --photo-fade: linear-gradient(90deg, #151815 0%, #151815c9 25%, #15181500 64%);
  --photo-bottom: linear-gradient(0deg, #151815 0%, #15181500 58%);
  --shadow: 0 24px 70px #00000012;
  --shadow-dialog: 0 24px 100px #00000040;
  --font: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: var(--font);
  --text-micro: .5625rem;
  --stagger-step: 70ms;
  --photo-mobile-fade: linear-gradient(180deg, #151815 0%, #151815aa 30%, #15181500 68%);
  --text-xs: .6875rem;
  --text-sm: .8125rem;
  --text-md: .9375rem;
  --text-body: 1.0625rem;
  --text-large: 1.25rem;
  --text-card: clamp(1.5rem, 2.6vw, 2rem);
  --text-section: clamp(2.5rem, 5.5vw, 4.5rem);
  --text-hero: clamp(3.75rem, 7.6vw, 6.5rem);
  --text-manifesto: clamp(2.125rem, 4.5vw, 3.75rem);
  --leading-body: 1.65;
  --leading-heading: 1.05;
  --tracking-heading: -.065em;
  --tracking-label: .16em;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 650;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --section-space: clamp(5rem, 11vw, 10rem);
  --container: 70rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --header-height: 5.25rem;
  --hero-height: min(57rem, 100svh);
  --button-height: 3.125rem;
  --button-small: 2.75rem;
  --radius-sm: .5rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --focus-width: 3px;
  --focus-offset: 5px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --duration: .6s;
  --duration-fast: .25s;
  --reveal-y: 24px;
  --image-zoom: 1.025;
  --scroll-offset: 7rem;
  --brand-width: 12rem;
  --brand-width-mobile: 10.75rem;
  --brand-width-footer: 14rem;
  --brand-ratio: 3207 / 1054;
  --floating-size: 3.5rem;
  --floating-clearance: 6rem;
  --shadow-floating: 0 8px 32px #0000002e;
  --z-floating: 29;
  --z-header: 30;
  --z-overlay: 50;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #1b1d1a;
    --surface: #252823;
    --surface-soft: #30342d;
    --text: #f3f4ee;
    --muted: #b7bbb1;
    --line: #42473d;
    --accent: #dfb4bd;
    --accent-soft: #3b282c;
    --on-accent: #251016;
    --header-bg: #1b1d1aee;
  }
}
@media (max-width: 700px) {
  :root {
    --header-height: 4.5rem;
    --text-hero: clamp(3.25rem, 12.5vw, 5rem);
    --hero-height: auto;
    --scroll-offset: 5.5rem;
  }
}