/* Design foundations. Compatibility aliases retain their existing scope.
   See docs/design-system.md before adding values or changing a theme. */
:root {
  --ds-accent-primary: #ffbb69;
  --ds-surface-nav-legacy: #171a1c;
  --ds-text-muted-legacy: #99a3b0;
  --ds-text-warm: #ffeed8;
  --ds-text-dim: #666666;
  --ds-surface-project-purple: #201b29;
  --ds-accent-project-purple: #dfc7ff;
  --ds-width-content: 1200px;
  --ds-width-reading: 760px;
  --ds-background: #111315;
  --ds-surface: #181b1e;
  --ds-surface-raised: #202428;
  --ds-text-heading: #fff1df;
  --ds-text: #d5d9dd;
  --ds-text-muted: #aab1b8;
  --ds-accent-evidence: #43c0bd;
  --ds-accent-action: #f47536;
  --ds-focus: #ffd2a8;
  --ds-radius-control: 8px;
  --ds-space-section: clamp(72px, 9vw, 128px);
  --ds-surface-case-legacy: #151719;
  --ds-surface-case-card-legacy: #23272b;
  --ds-surface-case-alt-legacy: #1c1f23;
  --ds-accent-case-legacy: #1faab5;
  --ds-accent-case-dim-legacy: #148a8a;
  --ds-border-case: rgba(255, 255, 255, 0.1);
  --ds-border-case-strong: rgba(255, 255, 255, 0.15);
  --ds-space-block: var(--ds-space-32);
  --ds-border: rgba(255, 241, 223, 0.14);
  --ds-radius-card: 14px;
  --ds-accent-evidence-soft: #6bc8c4;
  --ds-gutter-desktop: var(--ds-space-120);
  --ds-gutter-tablet: var(--ds-space-40);
  --ds-gutter-mobile: var(--ds-space-20);
  --ds-font-body: "Open Sans", sans-serif;
  --ds-weight-regular: 400;
  --ds-weight-medium: 600;
  --ds-weight-bold: 700;
  --ds-type-display-size: clamp(44px, 7vw, 88px);
  --ds-type-display-line: .98;
  --ds-type-case-title-size: clamp(40px, 6vw, 84px);
  --ds-type-case-title-line: 1.05;
  --ds-type-heading-size: clamp(32px, 4vw, 60px);
  --ds-type-heading-line: 1.15;
  --ds-type-subheading-size: clamp(24px, 3vw, 36px);
  --ds-type-subheading-line: 1.2;
  --ds-type-body-size: 20px;
  --ds-type-body-line: 32px;
  --ds-type-label-size: 13px;
  --ds-type-label-line: 20px;
  --ds-type-caption-size: 14px;
  --ds-type-caption-line: 22px;
  --ds-shadow-nav: 0 12px 40px rgba(0, 0, 0, 0.28);
  --ds-shadow-card: 0 6px 20px rgba(0, 0, 0, 0.15);
  --ds-shadow-card-hover: 0 10px 28px rgba(0, 0, 0, 0.22);
  --ds-shadow-evidence: 0 6px 20px rgba(0, 0, 0, 0.12);
  --ds-motion-fast: 160ms;
  --ds-motion-default: 0.2s;
  --ds-motion-reduced: 0.01ms;
  --ds-ease: ease;
  --ds-space-4: 4px;
  --ds-space-8: 8px;
  --ds-space-12: 12px;
  --ds-space-16: 16px;
  --ds-space-20: 20px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-40: 40px;
  --ds-space-48: 48px;
  --ds-space-64: 64px;
  --ds-space-80: 80px;
  --ds-space-120: 120px;
}