/* VENDORED from E:/projects/SUIO/Brand/6. Theme Lab/boardroom/boardroom.css (source of truth,
   2026-07-09, D-card pick: adopt). Do not hand-edit - re-vendor from the parent repo. */
/* ── Boardroom theme (Theme Lab 02a) ─────────────────────────────────────────────────────────
   ADOPTED 2026-07-09 (decision card V01, Kai pick) - vendored into suio-app/web/css/boardroom.css.
   A fourth standalone value of [data-theme] on <html>: "boardroom", alongside light / dark / hud.
   One fixed look, not a light/dark variant.

   Identity: the client-meeting mode. High-contrast, projector-safe light skin for presenting
   the cockpit on conference-room projectors and screen-shares, where soft greys and thin tints
   wash out. Structure moves from shadows to borders; every luminance step in the neutral ramp
   is widened; interactive blue drops to the deep stop so accent-colored text passes contrast
   on white.

   Derivation contract (Theme Lab rule): every value is a stop on the locked brand hues - the
   SUIO navy/blue-grey ramp and the water-blue accent family. No new hue, no new typeface.
   The ring-fenced systems are NOT overridden: --layer-* (C-H-A-R-A mapping), --sev-* print
   severity (Okabe-Ito), fonts, --rail-w.

   Adoption path (if picked): vendor this block into suio-app/web/css/ as its own file loaded
   after hud.css, add "boardroom" to the Appearance segment + theme boot script, and register
   the swatch section in ui-kit.html. Source of truth stays HERE (Brand/6. Theme Lab/boardroom). */

[data-theme="boardroom"]{
  color-scheme: light;
  /* neutral ramp - same blue-grey hue family, luminance steps widened for projector legibility */
  --grey-50:#FFFFFF;   /* page: pure white (max headroom on a washed-out projector) */
  --grey-100:#F1F3F7;
  --grey-200:#C6CDD9;  /* --line: structural borders strong enough to survive projection */
  --grey-300:#9AA5B8;
  --grey-400:#7A8699;
  --grey-500:#535F76;  /* --dim: secondary text at 6.4:1 on white (stock is 4.4:1 on its bg) */
  --grey-600:#414D66;
  --grey-700:#2B364E;
  --grey-800:#1C2438;
  --grey-900:#0D1526;  /* --ink: near-black navy, 18.2:1 */
  --surface:#FFFFFF; --surface-2:#F7F9FC; --text-strong:#0D1526;
  /* accent family shifted one stop deeper: interactive blue at 6.5:1 on white (stock 3.5:1) */
  --accent:#2E5E9E; --accent-deep:#234B80; --accent-light:#4F8BD9; --accent-tint:#E4EEFB;
  /* functional status palette darkened in-hue - EVERY stop verified >= 4.5:1 as text on white
     (WCAG AA, computed 2026-07-09: blue 5.3, green 5.0, yellow 4.7, red 5.7, orange 5.3,
     purple 7.4, teal 5.2, pink 5.6) */
  --blue:#1F66D6; --green:#14804E; --yellow:#9C690F; --red:#C22B2B;
  --orange:#B04F0E; --purple:#6527D9; --teal:#0C7A6F; --pink:#C2256E;
  /* tag pairs: keep the pastel beds, deepen the text half one step */
  --tag-violet-fg:#5B21B6; --tag-blue-fg:#1E40AF; --tag-green-fg:#054F38;
  --tag-amber-fg:#7C3609;  --tag-red-fg:#7F1D1D;  --tag-grape-fg:#3B1680;
  --tag-orange-fg:#93380B;
  /* depth comes from borders, not glow: shadows tightened to crisp, short throws */
  --shadow:0 1px 2px rgba(13,21,38,.14), 0 2px 8px rgba(13,21,38,.10);
}

/* projector-strength focus: a 2px deep-accent ring instead of the default hairline */
[data-theme="boardroom"] button:focus-visible,
[data-theme="boardroom"] input:focus-visible,
[data-theme="boardroom"] select:focus-visible,
[data-theme="boardroom"] [tabindex]:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:1px;
}