/* Silver Horizon design tokens (design/redesign/selected/tokens.css). Permanently dark. */

:root {
  color-scheme: dark;
  --color-bg: #090c10;
  --color-text: #e4e8ee;
  --color-muted: #bec5ce;
  --color-silver: #d4dae3;
  --color-gold: #d9bb76;
  --color-gold-hover: #e6cc8f;
  --color-surface: #1b212a;
  --color-card: #1b222c;
  --color-warm-surface: #262117;
  --color-frame: #101319;
  --color-border: #3c424b;
  --color-gold-border: #514839;
  --color-control-border: #8d98a7;
  --color-action-text: #101319;
  --color-disabled-text: #a9b2bd;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --weight-display: 750;
  --weight-action: 650;
  --radius-hero: 30px;
  --radius-card: 24px;
  --radius-field: 12px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --container-max: 1280px;
  --gutter: 48px;
  --prose-max: 72ch;
  --target-min: 44px;
}

@media (max-width: 1100px) {
  :root {
    --gutter: 32px;
  }
}

@media (max-width: 760px) {
  :root {
    --gutter: 20px;
    --radius-hero: 22px;
    --radius-card: 22px;
  }
}