/* Forge design tokens · mirror of DOCS/02-design-tokens.md */
:root {
  /* Brand */
  --forge-accent:        #F29030;
  --forge-accent-hover:  #E07820;
  --forge-accent-strong: #C56A1F;
  --forge-accent-soft:   #FFF4E8;

  /* Ink */
  --forge-ink-900: #0E0F11;
  --forge-ink-800: #111214;
  --forge-ink-700: #1A1C1F;
  --forge-ink-600: #2A2D31;

  /* Neutrals */
  --forge-neutral-0:   #FFFFFF;
  --forge-neutral-50:  #F7F7F8;
  --forge-neutral-100: #F1F2F4;
  --forge-neutral-200: #E6E7EB;
  --forge-neutral-300: #D2D5DB;
  --forge-neutral-400: #9CA3AF;
  --forge-neutral-500: #6B7280;
  --forge-neutral-600: #4B5563;
  --forge-neutral-700: #374151;
  --forge-neutral-800: #1F2937;
  --forge-neutral-900: #111827;

  /* Semantic */
  --forge-success:      #16A34A;
  --forge-success-soft: #DCFCE7;
  --forge-warning:      #D97706;
  --forge-warning-soft: #FEF3C7;
  --forge-danger:       #DC2626;
  --forge-danger-soft:  #FEE2E2;
  --forge-info:         #2563EB;
  --forge-info-soft:    #DBEAFE;

  /* Aliases */
  --forge-bg:             #F5F5F5;
  --forge-surface:        #FFFFFF;
  --forge-surface-muted:  #F8F9FA;
  --forge-border:         #E6E7EB;
  --forge-border-strong:  #D2D5DB;
  --forge-text:           #1A1A1A;
  --forge-text-muted:     #6B7280;
  --forge-text-dim:       #9CA3AF;
  --forge-text-on-accent: #FFFFFF;
  --forge-text-on-dark:   #FFFFFF;

  /* Typography */
  --forge-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --forge-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --forge-fs-display: 56px;
  --forge-fs-h1:      32px;
  --forge-fs-h2:      24px;
  --forge-fs-h3:      18px;
  --forge-fs-h4:      15px;
  --forge-fs-body:    14px;
  --forge-fs-small:   13px;
  --forge-fs-caption: 11px;
  --forge-fw-regular:  400;
  --forge-fw-medium:   500;
  --forge-fw-semibold: 600;
  --forge-fw-bold:     700;

  /* Spacing */
  --forge-sp-1:  4px;
  --forge-sp-2:  8px;
  --forge-sp-3:  12px;
  --forge-sp-4:  16px;
  --forge-sp-5:  20px;
  --forge-sp-6:  24px;
  --forge-sp-8:  32px;
  --forge-sp-10: 40px;
  --forge-sp-12: 48px;
  --forge-sp-16: 64px;
  --forge-sp-20: 80px;

  /* Radius */
  --forge-r-sm:   6px;
  --forge-r-md:   8px;
  --forge-r-lg:   10px;
  --forge-r-xl:   12px;
  --forge-r-2xl:  14px;
  --forge-r-pill: 999px;

  /* Shadows */
  --forge-shadow-card:   0 1px 2px #0000001A;
  --forge-shadow-glow:   0 8px 24px #F2903040;
  --forge-shadow-modal:  0 12px 32px #0000001F;
  --forge-shadow-mockup: 0 32px 80px #00000080;

  /* Layout (landing) */
  --forge-container-w: 1200px;
  --forge-container-px: var(--forge-sp-12);
}

@media (max-width: 720px) {
  :root {
    --forge-container-px: var(--forge-sp-5);
    --forge-fs-display: 40px;
  }
}