/* ==========================================================================
   AppyJax design tokens — Steelworks palette + math system
   Palette source: dispatch/research/APPYJAX_COLORS.md (Option 3, 2026-07-12)
   Math system:    dispatch/prompts/appyjax/05-company-site-v2.md §1
   Every measurement on the site derives from these tokens.
   ========================================================================== */

:root {
  /* ---- Spacing — 8px base; --s7/--s8 follow ~1.6 growth ---- */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 48px;
  --s6: 64px;
  --s7: 96px;
  --s8: 152px;

  /* ---- Type — perfect fourth (x1.333) from 16px, rounded ---- */
  --t-sm: 14px;
  --t-base: 16px;
  --t-lg: 21px;
  --t-xl: 28px;
  --t-2xl: 38px;
  --t-3xl: 50px;

  /* ---- Line heights ---- */
  --lh-head: 1.15;
  --lh-sub: 1.3;
  --lh-body: 1.55;

  /* ---- Measure ---- */
  --measure: 640px;          /* body-text containers, ~65ch — never wider */

  /* ---- Grid ---- */
  --content-width: 1140px;   /* 12 columns */
  --gutter: 24px;

  /* ---- Radii family (nothing else) ---- */
  --radius-card: 12px;       /* cards, images */
  --radius-btn: 8px;         /* buttons */
  --radius-chip: 6px;        /* chips */

  /* ---- Surfaces ---- */
  --bg: #F6F5F2;            /* page background, warm paper gray */
  --bg-alt: #ECEAE6;        /* alternate section background */
  --card: #FFFFFF;          /* cards */
  --charcoal: #22272B;      /* hero, CTA band, footer — the dark element */
  --border: #E3E0DA;        /* warm hairline on light surfaces */

  /* ---- Text ---- */
  --ink: #1B1F23;           /* headlines */
  --body: #43484D;          /* body copy */
  --muted: #6B7076;         /* secondary text (AA on --bg: 4.58) */
  --charcoal-sub: #B8BFC6;  /* subtext on charcoal (AA: 8.12) */

  /* ---- Accents ---- */
  --eyebrow: #FB923C;       /* mono eyebrows on charcoal (AA-L: 6.66) */
  --cta: #C2410C;           /* primary CTA fill, white label (AA: 5.18);
                               also eyebrows/stat digits on light */
  --cta-hover: #9A3412;
  --link: #2E6CA4;          /* steel-blue links (AA on white: 5.53) */
  --link-on-dark: #5E97C4;  /* steel-blue for charcoal surfaces (AA: 4.8) */
  --brand-orange: #EA580C;  /* logo + small non-text accents only */

  /* ---- Criticality (product-visual chips only — never page chrome) ---- */
  --crit-1: #DC2626;        /* critical / bottleneck */
  --crit-2: #D97706;        /* normal / warning */
  --crit-3: #059669;        /* low / nominal */
}