/* CLP design tokens — THE single source of truth for both apps (session 32 course-correction).
   Consumers: clp-app/public/app.html (console) and light-designer/app/index.html (designer, when
   served from the console origin at /designer/ — standalone use falls back to its own inline vars
   because this file 404s off-origin, which is exactly the intended two-shell behavior).
   Rule: palette/type/spacing changes happen HERE, not in per-app CSS. */
:root {
  /* palette — dark (default) */
  --bg: #0e1420;
  --panel: #161f30;
  --panel2: #1d2941;
  --panel3: #243354;
  --text: #e8edf6;
  --dim: #8fa0bb;
  --muted: var(--dim); /* designer alias */
  --accent: #e33d3d;
  --accent-tint: rgba(227, 61, 61, .16); /* session 72 — soft fill for selected/active states (nav .on); text stays var(--text) for AA contrast */
  --green: #3dbb6e;
  --gold: #e8b23d;
  --blue: #7fb3ff;
  --line: #26334d;
  --ai1: #1c2030;
  --ai2: #232038;
  --overlay: rgba(5, 8, 14, .65);
  --shadow: rgba(0, 0, 0, .35);
  --imgbg: #0a0f18;
  --err: #ff7b7b;
  /* type scale */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, monospace;
  --fs-body: 14px;
  --fs-sm: 12px;
  --fs-xs: 11px;
  --fs-h1: 22px;
  --fs-h2: 16px;
  --lh: 1.45;
  /* spacing + shape */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --rad: 10px;
  --rad-sm: 8px;
}
html[data-theme=light] {
  --bg: #eef1f6;
  --panel: #ffffff;
  --panel2: #e9edf5;
  --panel3: #dbe3f0;
  --text: #1b2432;
  --dim: #5c6b84;
  --accent: #c22f2f;
  --accent-tint: rgba(194, 47, 47, .12);
  --green: #1e8e50;
  --gold: #a97b0f;
  --blue: #1f5fc4;
  --line: #d3dae6;
  --ai1: #fbf6ea;
  --ai2: #f3ecdb;
  --overlay: rgba(32, 42, 62, .5);
  --shadow: rgba(35, 50, 75, .22);
  --imgbg: #dde3ee;
  --err: #c22f2f;
}