/* ef-tokens.css — the ONE source of truth for the Agency Resource Hub.
   Every page (landing + reporting wizard) links this first, then its own
   layout-only stylesheet. Page stylesheets must NOT redefine these colors /
   fonts — only consume them via var(). This kills the old trap where the
   landing, v1 and v2 each shipped a different :root with conflicting values
   for the same token name (3 purples, 2 lines, 2 lavenders, 2 lock-grays).

   Brand = Everflow EF26: cream paper, deep + mid purple, soft-yellow accent
   used sparingly, Inter 400-600 only (no 700+ bold). Light theme. */

:root {
  /* ---- type ---- */
  --ef-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- surfaces ---- */
  --ef-cream: #FEFAF1;          /* page background (paper) */
  --ef-white: #FFFFFF;          /* cards on cream */

  /* ---- brand purple (de-conflicted: one mid, one deep) ---- */
  --ef-purple: #4600B4;         /* primary workhorse purple */
  --ef-purple-mid: #4600B4;     /* alias — same as --ef-purple */
  --ef-purple-deep: #260A72;    /* headings, CTA fills, nav active text */
  --ef-purple-dark: #1A1A1A;    /* body text (collapsed from old purple-tint) */
  --ef-near-black: #1A1A1A;

  /* ---- neutrals ---- */
  --ef-text-muted: #6B6577;     /* secondary text — readable, not washed out */
  --ef-lock-gray: #B1B9C4;      /* disabled / lock / placeholder only */
  --ef-line: #E6DFEF;           /* warm lavender-grey borders (sits on cream) */
  --ef-line-light: #F0ECF6;

  /* ---- lavender accents ---- */
  --ef-lavender-soft: #EEE8FF;  /* chip / soft-fill backgrounds */
  --ef-lavender-mist: #F4F0FF;

  /* ---- soft-yellow accent (sparing: one highlight, never CTA fills) ---- */
  --ef-yellow: #FFDF6B;
  --ef-yellow-cream: #F2D777;

  /* ---- semantic accents (use sparingly: green = healthy/good, red = risk) ---- */
  --ef-green: #1d9d6b;  --ef-green-soft: #E8F9F1;
  --ef-red:   #c8453d;  --ef-red-soft:   #FFF0EF;

  /* ---- legacy decorative hues — kept defined so any stray ref resolves,
     but de-rainbowed toward brand so they don't reintroduce the mess.
     New work should NOT use these; prefer purple + the 2 semantic accents. */
  --ef-blue:  #4600B4;  --ef-blue-soft:  #EEE8FF;   /* was #2B7BD9 — folded to purple */
  --ef-amber: #E5920B;  --ef-amber-soft: #FFF8EB;   /* reserved for "medium" semantics */

  /* ---- elevation + radius ---- */
  --ef-radius: 14px;
  --ef-radius-sm: 10px;
  --ef-shadow-card: 0 1px 3px rgba(38, 10, 114, 0.06);
  --ef-shadow-hover: 0 8px 24px rgba(38, 10, 114, 0.10);
}