/* TripAgenda — BRAND_v1 semantic tokens (Stage B lock, 2026-06-04).
   Docs: BRAND_v1.md
   THE one-place palette swap. Components reference ONLY these names.
   Axes: html[data-theme=light|dark] [data-board=light|dark] [data-deck=muted|vivid]
   Deck-axis gradient stop sets live in JS (DECK_PALETTES) — the deck attribute carries no CSS here. */
:root{
  color-scheme:light;
  /* grounds & ink — light defaults */
  --ground:#F2F2F7; --card:#FFFFFF; --board-panel:#0d0d10;
  --ink:#000000; --ink2:rgba(60,60,67,.6); --ink3:rgba(60,60,67,.32);
  --sep:rgba(60,60,67,.29);
  /* brand */
  --tint:#F5870A;                      /* light accent — NEVER text on white */
  --amber:#F7A521;
  --amber-dim:rgba(247,165,33,.7);     /* a11y floor — never dimmer */
  --amber-faint:rgba(247,165,33,.16);  /* hairlines only, non-text */
  --status-ok:#39d353;                 /* L3 brand cards only */
  /* effects */
  --glow-time:none; --glow-name:none;
  --scrim-text:0 1px 5px rgba(0,0,0,.45);  /* mandatory on gradient text */
  /* shape */
  --r-board:0; --r-deck:18px; --r-pill:11px;
  /* chrome */
  --bar-bg:rgba(249,249,249,.9);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#08080A; --card:#121214;
  --ink:#FFFFFF; --ink2:rgba(255,255,255,.55); --ink3:rgba(255,255,255,.32);
  --sep:rgba(255,255,255,.12);
  --bar-bg:rgba(18,18,20,.9);
}
/* the board axis resolves every board-facing token */
:root[data-board="light"]{
  --board-bg:var(--card); --board-time:var(--ink); --board-name:var(--ink);
  --board-sub:var(--ink2); --board-rule:var(--sep); --board-colhead:var(--ink2);
  --board-now-wash:rgba(245,135,10,.07); --board-now-tick:var(--tint);
  --board-inset-margin:0; --board-name-weight:600;
}
:root[data-board="dark"]{
  --board-bg:var(--board-panel); --board-time:var(--amber); --board-name:var(--amber);
  --board-sub:var(--amber-dim); --board-rule:var(--amber-faint); --board-colhead:var(--amber-dim);
  --board-now-wash:rgba(247,165,33,.08); --board-now-tick:var(--amber);
  --board-inset-margin:12px; --board-name-weight:700;
  --glow-time:0 0 9px rgba(247,165,33,.5); --glow-name:0 0 7px rgba(247,165,33,.35);
}
/* dark theme + dark board = edge-to-edge panel (no inset margin) */
:root[data-theme="dark"][data-board="dark"]{ --board-inset-margin:0; }