/* EziPort design tokens.
   Permanent owner-selected visual reference: Desktop/New EziPort.
   Visual styling only. Screenshot wording and sample rules are not product authority.
   Loaded before styles.css, which uses these tokens. */
:root{
  color-scheme:light;

  /* Canvas and surfaces */
  --bg:#f1f5fa;
  --bg-2:#e8eff7;
  --panel:#ffffff;
  --panel-2:#f7fafd;
  --line:#dbe4ef;
  --line-2:#e9eff6;

  /* Ink */
  --ink:#0f2747;
  --ink-2:#264163;
  --muted:#58708f;
  --faint:#8396ae;

  /* App chrome */
  --navy:#15304f;
  --navy-2:#1e3d62;

  /* Emerald highlight */
  --em:#008f65;
  --em-2:#00a674;
  --em-ink:#006b4c;
  --em-soft:#e2f5ec;
  --em-line:#b5e0cd;

  /* Container states (distinct, from the New EziPort legend) */
  --ei:#3d8ddd; --ei-soft:#e8f2fd;   /* empty import  */
  --li:#13a06c; --li-soft:#e6f7ef;   /* loaded import */
  --le:#8a63d6; --le-soft:#f1ecfb;   /* loaded export */
  --ee:#1aa3b4; --ee-soft:#e3f5f7;   /* empty export  */
  --bc:#7f91a8; --bc-soft:#eef2f6;   /* bare chassis  */

  /* Urgency */
  --u0:#e2561d;   /* due on plan day */
  --u1:#d49a00;   /* one day left */
  --u2:#6c7f98;   /* two or more days */
  --red:#d13b3b; --red-soft:#fdeeee;
  --amb:#b97800; --amb-soft:#fff6e3;

  --radius:14px;
  --shadow:0 1px 2px #0f27470a,0 12px 32px #0f274712;
  --shadow-lg:0 2px 4px #0f27470d,0 30px 70px #0f27471c;
  --font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
  --font-display:"Inter","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
}