/* Portal Factory style tokens, CMO 2026-10-27 (WS7). AMP base plus one partner highlight slot.
   The --hl-* values are set at runtime by highlight.js from the portal's stored color;
   the defaults below are AMP teal, which is also the fallback. Rules: README.md. */
:root{
  /* surfaces (AMP paper, lightened for a dashboard) */
  --page:#EEF0EA;        /* page background */
  --sheet:#FAFAF7;       /* panels, cards, inputs */
  --rail:#F3F4EF;        /* table headers, quiet bands */
  --rule:#C9CCC2;        /* borders */
  --rule-soft:#E0E2DA;   /* row dividers */

  /* text */
  --ink:#23261F;         /* 14.7:1 on --sheet */
  --muted:#5C6157;       /* 6.1:1 on --sheet, 5.5:1 on --page */

  /* AMP's own accent: the admin portal and every AMP mark */
  --amp:#176272;  --amp-soft:#DFE8E7;  --amp-on:#FFFFFF;   /* the RBM agent color; white label 6.9:1 */
  --slate:#4F6474;                                        /* secondary actions, neutral chart series */

  /* partner highlight slot (carrier portal only); defaults = AMP teal fallback */
  --hl:#176272;          /* the color as picked from the partner's public site */
  --hl-fill:#176272;     /* bars, chart series 1, header rule, selected markers: 3:1 or better on --sheet and --page */
  --hl-band:#176272;     /* header band and primary buttons */
  --hl-on-band:#FFFFFF;  /* label on --hl-band: 4.5:1 or better (white or --ink) */
  --hl-text:#176272;     /* highlighted words and links on --sheet and --page: 4.5:1 or better */
  --hl-soft:#DFE8E7;     /* tinted backgrounds; text on it is always --ink */

  /* states: fixed, never taken from the partner, always shown with a word and an icon */
  --ok:#3F6E4C;    --ok-soft:#E1ECE3;     /* ACCEPTED, delivered, live */
  --wait:#7A5F1C;  --wait-soft:#F3EBD5;   /* INVITED, NOT ACCEPTED YET, ending soon, paused */
  --bad:#9A3B2C;   --bad-soft:#F4E2DC;    /* NOT REACHABLE, failed, ended */
  --off:#5C6157;   --off-soft:#E7E8E3;    /* EXPIRED, revoked */

  /* type */
  --ui:"Libre Franklin","Segoe UI","Helvetica Neue",Arial,sans-serif;   /* everything in the app */
  --display:"Libre Caslon Text","Cambria","Georgia",serif;              /* the portal title only */

  /* shape and space */
  --r-panel:10px; --r-control:7px; --r-chip:999px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --shadow:0 1px 0 rgba(35,38,31,.06), 0 1px 3px rgba(35,38,31,.05);
}
body{ margin:0; background:var(--page); color:var(--ink); font-family:var(--ui); font-size:14px; line-height:20px;
  font-variant-numeric:lining-nums tabular-nums; -webkit-font-smoothing:antialiased; }
h1,h2,h3{ font-weight:600; letter-spacing:.03em; margin:0; }
:focus-visible{ outline:2px solid var(--hl-fill); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important; } }