:root {
  color-scheme: dark;

  --font-primary: "Noto Sans", "Noto Sans Local", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-ink: #f5f0e5;
  --color-ink-muted: #cfc7b8;
  --color-ink-soft: #9f988c;

  --color-bg: #07120f;
  --color-bg-deep: #020706;
  --color-bg-raised: #0b1915;
  --color-bg-card: #0d1d18;
  --color-bg-field: #06110e;

  --color-warm: #f0b35a;
  --color-warm-bright: #ffc66f;
  --color-warm-dark: #6a3b1e;
  --color-cold: #8ba5aa;

  --color-line: rgba(245, 240, 229, 0.14);
  --color-line-strong: rgba(245, 240, 229, 0.28);

  --shadow-soft: 0 24px 64px rgba(0, 0, 0, 0.34);
  --shadow-button: 0 5px 0 var(--color-warm-dark), 0 14px 28px rgba(0, 0, 0, 0.25);

  --container: 1180px;
  --container-copy: 860px;
  --gutter: clamp(18px, 4vw, 48px);
  --section-space: clamp(76px, 9vw, 128px);
  --header-height: 82px;

  --step--1: clamp(0.86rem, 0.82rem + 0.18vw, 0.98rem);
  --step-0: clamp(1rem, 0.95rem + 0.24vw, 1.12rem);
  --step-1: clamp(1.17rem, 1.06rem + 0.55vw, 1.46rem);
  --step-2: clamp(1.5rem, 1.24rem + 1.3vw, 2.18rem);
  --step-3: clamp(2.15rem, 1.62rem + 2.65vw, 3.62rem);
  --step-4: clamp(2.8rem, 1.75rem + 5.1vw, 5.9rem);
}