/* CV BJAS R4 · locked tokens from DESIGN-SYSTEM-CVBJAS-R4.md */
:root {
  --bg-light: #f3eee5;
  --bg-dark: #07111c;
  --text-dark: #07111c;
  --text-light: #f3eee5;
  --accent: #d41414;

  --color-paper: var(--bg-light);
  --color-ink: var(--bg-dark);
  --color-accent: var(--accent);
  --color-accent-ink: var(--text-light);
  --color-muted: color-mix(in srgb, var(--text-dark) 67%, var(--bg-light));
  --color-muted-dark: color-mix(in srgb, var(--text-light) 70%, var(--bg-dark));
  --color-line-dark: color-mix(in srgb, var(--text-dark) 22%, transparent);
  --color-line-light: color-mix(in srgb, var(--text-light) 22%, transparent);
  --color-overlay-dark: color-mix(in srgb, var(--bg-dark) 58%, transparent);
  --color-overlay-light: color-mix(in srgb, var(--bg-light) 90%, transparent);
  --color-focus: var(--accent);

  --font-display: "Inter Tight", "Inter", Arial, sans-serif;
  --font-body: "Inter Tight", "Inter", Arial, sans-serif;

  --text-micro: clamp(0.6875rem, 0.18vw + 0.65rem, 0.8125rem);
  --text-body: clamp(1rem, 0.2vw + 0.95rem, 1.1875rem);
  --text-body-large: clamp(1.25rem, 0.45vw + 1.12rem, 1.625rem);
  --text-h3: clamp(1.75rem, 1.35vw + 1.25rem, 2.625rem);
  --text-h2: clamp(2.625rem, 4vw, 4.75rem);
  --text-display-l: clamp(3.625rem, 6.5vw, 7.5rem);
  --text-display-xl: clamp(4.5rem, 8vw, 9.375rem);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --section-space-xl: clamp(7.5rem, 12vw, 11.875rem);
  --section-space-lg: clamp(5.5rem, 9vw, 9.375rem);
  --section-space-md: clamp(4rem, 7vw, 6.875rem);

  --container: 105rem;
  --page-pad: clamp(1.25rem, 4vw, 4.5rem);
  --measure: 62ch;
  --header-height: 5.5rem;

  --radius-control: 999px;
  --rule: 1px;

  --z-base: 0;
  --z-content: 10;
  --z-sticky: 20;
  --z-header: 30;
  --z-overlay: 50;
  --z-loader: 100;

  --dur-instant: 100ms;
  --dur-micro: 180ms;
  --dur-short: 280ms;
  --dur-reveal: 850ms;
  --dur-loader-exit: 360ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}
