/* EarWitness tokens · Exhibit (light) · v1
   Fonts are self-hosted (fonts/plex.css). No third-party requests. */
:root{
  /* Surfaces */
  --ew-page:#f5f3ee;          /* app background, "paper" */
  --ew-sheet:#fffefb;         /* cards, panels, inputs */
  --ew-sunken:#f0ede6;        /* inset blocks, "what this shows", self-promo group */
  --ew-hover:#faf8f3;         /* row and card hover */
  --ew-selected:#e4eafb;      /* selected row, current tab fill */
  --ew-inverse:#1a1c20;       /* play buttons, toasts, current pod segment */
  --ew-scrim:rgba(26,28,32,.45);

  /* Text */
  --ew-text:#1a1c20;          /* 16.4:1 on page */
  --ew-text-2:#4f555e;        /* 7.0:1 on page */
  --ew-text-3:#62676f;        /* 4.9:1 on page, 4.6:1 on sunken. Meta only. */
  --ew-text-inverse:#ffffff;

  /* Borders */
  --ew-rule:#ece8df;          /* rules inside a card */
  --ew-border:#ddd8cc;        /* card and panel edges */
  --ew-border-strong:#c9c2b3; /* frames, segment dividers */
  --ew-control:#8c8478;       /* input, select, checkbox edges: 3.4:1 on sheet */

  /* Primary (action) */
  --ew-action:#1f45b5;        /* 8.1:1 on sheet */
  --ew-action-hover:#163a99;
  --ew-action-pressed:#102c78;
  --ew-action-disabled:#a9b4d6;
  --ew-mark:#dfe7fb;          /* search-hit highlight */

  /* Focus */
  --ew-focus:#1f45b5;
  --ew-focus-inverse:#9db5ff; /* on --ew-inverse surfaces */
  --ew-focus-ring:2px solid var(--ew-focus);
  --ew-focus-offset:2px;

  /* Trust and status: always text + icon/shape, never color alone */
  --ew-confirmed:#17663f; --ew-confirmed-bg:#e2f1e8; --ew-confirmed-border:#a9d3bb;
  --ew-code:#7a4d00;      --ew-code-bg:#fbefd3;      --ew-code-border:#e8c983;      /* codes and offers, mono */
  --ew-review:#8a4b00;    --ew-review-bg:#fffaf0;    --ew-review-border:#b06f12;    /* Brand under review, dashed */
  --ew-gap:#a8203a;       --ew-gap-bg:#fbe6ea;       --ew-gap-border:#e3a3b0;       /* gaps, failed, stopped partway */
  --ew-uncertain:#3f4a6b; --ew-uncertain-bg:#eef0f6; --ew-uncertain-border:#8a93b0; /* Uncertain, dotted */
  --ew-neutral:#4f555e;   --ew-neutral-bg:#f0ede6;   --ew-neutral-border:#c9c2b3;   /* Not screened, self-promotion, tier */

  /* Type */
  --ew-sans:'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ew-serif:'IBM Plex Serif', 'Iowan Old Style', Charter, Georgia, serif;
  --ew-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  /* size/line-height, weight */
  --ew-t-display:600 40px/46px var(--ew-serif);     /* Evidence brand, Ask question */
  --ew-t-title:600 32px/38px var(--ew-serif);       /* page h1 (390: 26/32) */
  --ew-t-section:600 22px/28px var(--ew-serif);     /* section h2 (390: 20/26) */
  --ew-t-card:600 17px/24px var(--ew-sans);         /* card title, Brand · Product */
  --ew-t-body-l:400 16px/24px var(--ew-sans);
  --ew-t-body:400 15px/22px var(--ew-sans);         /* default text */
  --ew-t-ui:400 14px/20px var(--ew-sans);           /* controls, table cells */
  --ew-t-meta:400 13px/18px var(--ew-sans);
  --ew-t-label:600 12px/16px var(--ew-sans);        /* eyebrows, uppercase +0.06em, sparingly */
  --ew-t-quote:400 17px/27px var(--ew-serif);       /* passage, Ask answer */
  --ew-t-quote-s:400 16px/25px var(--ew-serif);     /* passage in a compact result card */
  --ew-t-quote-l:400 21px/33px var(--ew-serif);     /* passage on Evidence */
  --ew-t-time:500 14px/20px var(--ew-mono);         /* time ranges */
  --ew-t-time-xl:500 64px/64px var(--ew-mono);      /* Evidence counter (390: 44/44) */
  --ew-t-code:600 13px/18px var(--ew-mono);

  /* Spacing (4px base) */
  --ew-s1:4px; --ew-s2:8px; --ew-s3:12px; --ew-s4:16px; --ew-s5:20px; --ew-s6:24px; --ew-s8:32px; --ew-s10:40px; --ew-s12:48px; --ew-s16:64px;

  /* Radii */
  --ew-r-tag:3px; --ew-r-control:4px; --ew-r-card:4px; --ew-r-dialog:6px; --ew-r-round:999px;

  /* Elevation */
  --ew-e0:none;                                                     /* cards: border only */
  --ew-e1:0 1px 2px rgba(26,28,32,.06), 0 4px 12px rgba(26,28,32,.06); /* sticky inspector, popover */
  --ew-e2:0 12px 40px rgba(26,28,32,.18);                           /* dialog, mobile sheet, toast */

  /* Sizes */
  --ew-target:40px;           /* minimum hit target */
  --ew-nav-h:64px; --ew-nav-h-mobile:56px;
  --ew-rail:240px; --ew-inspector:360px;

  /* Motion */
  --ew-fast:120ms; --ew-ease:cubic-bezier(.2,.0,.0,1);
}
@media (prefers-reduced-motion: reduce){ :root{ --ew-fast:0ms; } }