/* Build It — design tokens (single source). From Pixel spec A.0.
   All -text tokens are WCAG AA (>=4.5:1) on their -bg fills.
   Semantic tokens that equal a brand/slate value var()-alias it (no hand-copied hex). */
:root {
  --c-ink:        #14201C;
  --c-slate-900:  #1F2A26;
  --c-slate-700:  #3A4541;
  --c-slate-500:  #596561;
  --c-slate-300:  #C4CCC8;
  --c-slate-100:  #EEF1EF;
  --c-paper:      #F8FAF9;
  --c-white:      #FFFFFF;

  --c-brand:      #1E6B4F;
  --c-brand-700:  #15503B;
  --c-brand-050:  #E7F1EC;

  /* TRADE accent — verified-trade identity (indigo), distinct from attention amber */
  --c-trade:      #4B3FA3;
  --c-trade-text: #3A3186;
  --c-trade-050:  #ECEBF7;

  /* reliability tiers — a ladder, NOT a pass/fail scale */
  --c-tier-trusted:     #15503B;
  --c-tier-trusted-bg:  var(--c-brand-050);
  --c-tier-estab:       #244B71;
  --c-tier-estab-bg:    #E8EFF6;
  --c-tier-new:         #434E49;
  --c-tier-new-bg:      #EDF0EE;

  --c-pos:  var(--c-brand-700);
  /* ATTENTION — pending / needs-your-OK. Amber, attention ONLY, never trade identity */
  --c-attention:      #B4761A;
  --c-attention-text: #8A5505;
  --c-attention-050:  #FBF2E2;
  --c-neg:  #A33A2E;

  --radius: 10px;  --radius-sm: 6px;  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(20,32,28,.06), 0 4px 12px rgba(20,32,28,.05);
  --shadow-pop:  0 8px 28px rgba(20,32,28,.14);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-8:48px;
  --w-content: 1120px;

  --font: "Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
}
