/* ==========================================================================
   Forge N Build — Design Tokens
   Central place for brand colors, type, spacing, radii, motion.
   Colors are provisional until official Forge N Build brand assets are
   supplied (see PENDING-DATA.md). Change here, propagates everywhere.
   ========================================================================== */
:root {
  /* Brand palette (provisional — replace with official brand values) */
  --forge-ink: #16181a;            /* graphite / near-black */
  --forge-ink-soft: #24272a;       /* raised graphite surfaces */
  --forge-paper: #f7f5f1;          /* warm off-white background */
  --forge-paper-raised: #ffffff;   /* cards on paper */
  --forge-steel: #8a9096;          /* metallic gray, secondary text on dark */
  --forge-steel-dark: #55595e;     /* secondary text on light */
  --forge-accent: #2f7d4f;         /* restrained green accent */
  --forge-accent-strong: #256841;  /* hover / active accent */
  --forge-accent-tint: #e6f0ea;    /* subtle green wash */
  --forge-line: #e2ded7;           /* hairline on light */
  --forge-line-dark: #33373b;      /* hairline on dark */
  --forge-danger: #b3423a;

  /* Typography */
  --forge-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --forge-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    monospace;
  --forge-text-base: 1rem;         /* 16px minimum body */
  --forge-text-sm: 0.875rem;
  --forge-lh-body: 1.6;
  --forge-lh-tight: 1.15;

  /* Spacing scale */
  --forge-space-1: 0.25rem;
  --forge-space-2: 0.5rem;
  --forge-space-3: 0.75rem;
  --forge-space-4: 1rem;
  --forge-space-6: 1.5rem;
  --forge-space-8: 2rem;
  --forge-space-12: 3rem;
  --forge-space-16: 4rem;
  --forge-space-20: 5rem;

  /* Layout */
  --forge-max-width: 80rem;        /* 1280px content column */
  --forge-gutter: clamp(1rem, 4vw, 2.5rem);
  --forge-radius: 10px;
  --forge-radius-sm: 6px;

  /* Interaction */
  --forge-tap-target: 48px;
  --forge-transition: 180ms ease;
  --forge-shadow-card: 0 1px 2px rgba(22, 24, 26, 0.06),
    0 8px 24px -12px rgba(22, 24, 26, 0.16);
  --forge-focus-ring: 0 0 0 3px rgba(47, 125, 79, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --forge-transition: 0ms;
  }
}