/* cobalt-tokens.css — JSLC design schema tokens (Cobalt, 2026-10-03). Source of truth for the estate design schema.
 * Mirrors jslc.io shell-tokens (--of-*) values. Vendor this file byte-identical; do not fork the palette.
 * Light is the default; dark via prefers-color-scheme or :root[data-theme="dark"] (set by cobalt-bridge.js from jslc:shell-context).
 */
:root {
  color-scheme: light;
  --paper: #f6f7fa; --paper-soft: #e9eef9; --card: #fff;
  --ink: #111a2d; --muted: #536078; --rule: #8193bc; --line: rgba(17,26,45,.12); --line-soft: rgba(17,26,45,.07);
  --cobalt: #002eac; --link: #002eac; --accent-subtle: rgba(0,46,172,.09); --on-accent: #fff;
  --good: #16803d; --bad: #b62d35; --warn: #ad5b00;
  --glass: rgba(246,247,250,.74); --glass-strong: rgba(246,247,250,.95); --glass-line: rgba(17,26,45,.14);
  --blur: blur(18px) saturate(150%);
  --scrim: rgba(4,16,46,.35);
  --shadow: 0 10px 28px rgba(17,26,45,.18);
  --font: Arial, Helvetica, sans-serif;
  --mono: ui-monospace, Menlo, Consolas, monospace;
  --fs-body: 12.5px; --fs-small: 11px; --fs-label: 8.75px; --fs-title: 20px; --fs-min: 10px;
  --r-ctl: 5px; --r-card: 8px; --r-sheet: 12px;
  --ctl: 28px; --hit: 44px;
  --ease: cubic-bezier(.32,.72,0,1); --dur: 280ms;
  --shell-bar-height: 2.75rem;   /* 44px — owner direction 2026-10-03 */
  --signpost-height: 10px;
  --overlay-left: 0px; --overlay-right: 0px; --overlay-bottom: 0px;  /* set from jslc:shell-context payload.overlayInsets */
  --safe-b: env(safe-area-inset-bottom, 0px); --safe-t: env(safe-area-inset-top, 0px);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  color-scheme: dark;
  --paper: #0b1324; --paper-soft: #18253e; --card: #0f1d37;
  --ink: #f3f6ff; --muted: #b3bfd8; --rule: #465c8f; --line: rgba(243,246,255,.12); --line-soft: rgba(243,246,255,.07);
  --cobalt: #93b4ff; --link: #93b4ff; --accent-subtle: rgba(147,180,255,.16); --on-accent: #0b1324;
  --good: #4ade80; --bad: #ff8189; --warn: #f0a24a;
  --glass: rgba(11,19,36,.74); --glass-strong: rgba(11,19,36,.95); --glass-line: rgba(243,246,255,.14);
  --shadow: 0 10px 28px rgba(0,0,0,.45);
} }
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0b1324; --paper-soft: #18253e; --card: #0f1d37;
  --ink: #f3f6ff; --muted: #b3bfd8; --rule: #465c8f; --line: rgba(243,246,255,.12); --line-soft: rgba(243,246,255,.07);
  --cobalt: #93b4ff; --link: #93b4ff; --accent-subtle: rgba(147,180,255,.16); --on-accent: #0b1324;
  --good: #4ade80; --bad: #ff8189; --warn: #f0a24a;
  --glass: rgba(11,19,36,.74); --glass-strong: rgba(11,19,36,.95); --glass-line: rgba(243,246,255,.14);
  --shadow: 0 10px 28px rgba(0,0,0,.45);
}