/* ==========================================================================
   eil-core — TOKENS
   The contract every eil module reads. Defaults sit in :where() so they carry
   zero specificity: a host overrides any of them with a plain rule and never
   needs !important. Shared by states-status and newsroom — one skin dresses
   the whole site.
   ========================================================================== */

:where([data-eil-root]){
  /* ground + type */
  --eil-bg:transparent;
  --eil-text:currentColor;
  --eil-text-dim:currentColor;
  --eil-heading:currentColor;
  --eil-surface:rgba(128,128,128,.08);
  --eil-surface-2:rgba(128,128,128,.14);
  --eil-border:rgba(128,128,128,.35);        /* dividers, card edges */
  --eil-border-strong:var(--eil-border); /* borders that DEFINE a control — must clear 3:1 */
  --eil-accent:currentColor;          /* graphics: fills, rings, rules */
  --eil-accent-text:var(--eil-accent); /* text that must pass contrast */
  --eil-accent-ink:canvas;
  --eil-focus:currentColor;

  --eil-font-display:inherit;
  --eil-font-body:inherit;
  --eil-font-numeric:var(--eil-font-display);
  --eil-eyebrow-tracking:.18em;
  --eil-eyebrow-transform:uppercase;
  --eil-count-weight:700;
  --eil-count-tracking:-.02em;

  --eil-radius:16px;
  --eil-radius-sm:10px;
  --eil-radius-pill:999px;
  --eil-shadow:none;
  --eil-pad:clamp(56px,6vw,84px);

  /* the four statuses: fill / edge / label ink / pattern */
  --eil-law-fill:#F2C94C;      --eil-law-edge:#FFF0BE;  --eil-law-ink:#0A0A0A;      --eil-law-pattern:transparent;
  --eil-moving-fill:#2C46B8;   --eil-moving-edge:#6E8BFF; --eil-moving-ink:#FFFFFF;  --eil-moving-pattern:#8FA6FF;
  --eil-outreach-fill:#16233F; --eil-outreach-edge:#6E8BFF; --eil-outreach-ink:#C7D4F5; --eil-outreach-pattern:#6E8BFF;
  --eil-open-fill:#18202F;     --eil-open-edge:#5C6A85; --eil-open-ink:#98A4BC;

  /* the mark: on a state that passed, and floating on the ground */
  --eil-tip-bg:#0A0A0A;
  --eil-tip-text:#FFFFFF;
  --eil-tip-dim:#C8CFDE;

  --eil-mark-law:#0A0A0A;
  --eil-mark-air:#F2C94C;
  --eil-glow:drop-shadow(0 0 7px rgba(242,201,76,.45));

  --eil-step-1:clamp(.8rem,.75rem + .2vw,.9rem);
  --eil-step0:clamp(1rem,.95rem + .3vw,1.125rem);
  --eil-step2:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);
  --eil-step3:clamp(2rem,1.5rem + 2.2vw,3.1rem);
  --eil-step4:clamp(2.6rem,1.8rem + 3.8vw,4.6rem);
}