/**
 * CLAWOLF Website Recovery — Phase D1R2 design tokens
 */
:root {
  --d1r2-surface-0: #f7f9fc;
  --d1r2-surface-1: #eef3f9;
  --d1r2-surface-2: #e6edf6;
  --d1r2-surface-paper: #fbfcfe;
  --d1r2-surface-cinema: #0a1428;
  --d1r2-surface-cinema-mid: #121e38;

  --d1r2-ink: #08122a;
  --d1r2-ink-soft: #152038;
  --d1r2-ink-muted: #334155;
  --d1r2-ink-faint: #475569;
  --d1r2-ink-on-cinema: #f1f5f9;
  --d1r2-ink-muted-cinema: #cbd5e1;

  --d1r2-cyan: #22d3ee;
  --d1r2-cobalt: #3b5bdb;
  --d1r2-violet: #6d5ce8;
  --d1r2-accent-eyebrow: #2f4ac4;

  --d1r2-font-display: "Instrument Serif", Georgia, serif;
  --d1r2-font-ui: "Inter", system-ui, sans-serif;

  --d1r2-text-xs: 0.75rem;
  --d1r2-text-sm: 0.875rem;
  --d1r2-text-base: 1.0625rem;
  --d1r2-text-lg: 1.2rem;
  --d1r2-text-xl: 1.45rem;
  --d1r2-text-2xl: clamp(1.9rem, 3vw, 2.6rem);
  --d1r2-text-3xl: clamp(2.4rem, 4.5vw, 3.4rem);
  --d1r2-text-hero: clamp(2.2rem, 5vw, 3.8rem);
  --d1r2-text-contrast: clamp(2.8rem, 7vw, 5.5rem);

  --d1r2-leading-tight: 1.08;
  --d1r2-leading-body: 1.6;
  --d1r2-max: 76rem;
  --d1r2-gutter: clamp(1rem, 4vw, 2.5rem);
  --d1r2-section-y: clamp(3.5rem, 9vw, 6.5rem);
  --d1r2-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --d1r2-duration: 0.55s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d1r2-duration: 0.01ms; }
}