:root {
  color-scheme: dark;
  --atlas-bg: #070806;
  --atlas-bg-deep: #030403;
  --atlas-surface-1: #10120f;
  --atlas-surface-2: #161913;
  --atlas-surface-3: #1d211a;
  --atlas-surface-subtle: rgba(255, 255, 255, .025);
  --atlas-border: rgba(226, 208, 148, .14);
  --atlas-border-emphasis: rgba(214, 178, 76, .38);
  --atlas-text: #f5f3eb;
  --atlas-text-secondary: #c7c4b9;
  --atlas-text-muted: #85877f;
  --atlas-gold: #d9b44a;
  --atlas-gold-bright: #f0cf6a;
  --atlas-long: #43c98b;
  --atlas-short: #ef6b76;
  --atlas-wait: #e8b95e;
  --atlas-invalid: #ef6b76;
  --atlas-info: #69aee8;
  --atlas-neutral: #9a9d95;

  /* Compatibility aliases. New work uses the semantic tokens above. */
  --atlas-surface: var(--atlas-surface-1);
  --atlas-surface-elevated: var(--atlas-surface-2);
  --atlas-positive: var(--atlas-long);
  --atlas-negative: var(--atlas-short);
  --atlas-warning: var(--atlas-wait);
  --atlas-green: var(--atlas-long);
  --atlas-red: var(--atlas-short);
  --atlas-blue: var(--atlas-info);
  --atlas-muted: var(--atlas-text-muted);
  --bg: var(--atlas-bg);
  --panel: var(--atlas-surface-1);
  --panel-dark: var(--atlas-bg-deep);
  --line: var(--atlas-border);
  --text: var(--atlas-text);
  --muted: var(--atlas-text-muted);
  --gold: var(--atlas-gold);
  --green: var(--atlas-long);
  --red: var(--atlas-short);
  --blue: var(--atlas-info);

  --atlas-radius-sm: 8px;
  --atlas-radius: 13px;
  --atlas-radius-lg: 18px;
  --atlas-space-1: 4px;
  --atlas-space-2: 8px;
  --atlas-space-3: 12px;
  --atlas-space-4: 16px;
  --atlas-space-5: 24px;
  --atlas-space-6: 32px;
  --atlas-content: 1180px;
  --atlas-content-narrow: 820px;
  --atlas-page-padding-mobile: 10px;
  --atlas-page-padding-tablet: 16px;
  --atlas-page-padding-desktop: 24px;
  --atlas-nav-height: 58px;
  --atlas-header-height: 50px;
  --atlas-control-height: 40px;
  --atlas-card-padding: 16px;

  --atlas-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atlas-type-page-title: clamp(1.65rem, 4vw, 2.35rem);
  --atlas-type-section-title: clamp(1.1rem, 2.4vw, 1.4rem);
  --atlas-type-card-title: 1rem;
  --atlas-type-body: .9375rem;
  --atlas-type-body-secondary: .86rem;
  --atlas-type-metric: 1.15rem;
  --atlas-type-label: .6875rem;
  --atlas-type-badge: .625rem;
  --atlas-type-micro: .625rem;
  --atlas-weight-regular: 500;
  --atlas-weight-semibold: 700;
  --atlas-weight-bold: 800;
  --atlas-tracking-label: .08em;
  --atlas-tracking-micro: .06em;

  --atlas-shadow: 0 18px 52px rgba(0, 0, 0, .32);
  --atlas-glow: 0 0 28px rgba(217, 180, 74, .08);
}

@media (max-width: 420px) {
  :root { --atlas-nav-height: 54px; }
}