/*
 * CyberCheckHamburg Design Kit — canonical tokens.css
 * Source: attached_assets/cybercheck-design-kit_1790263961429.zip
 * Kept verbatim so the supplied kit remains traceable and upgradeable.
 */
/* ══ THEME SYSTEM ══ */
:root {
  --mono: 'IBM Plex Mono', monospace;
  --sans: 'Montserrat', sans-serif;
  --radius: 3px;
  --transition: 0.22s ease;
}

[data-theme="dark"] {
  --bg: #0D1520;
  --surface: #131f30;
  --surface-2: #1a2b40;
  --border: rgba(255,255,255,0.07);
  --text: #f0f4f8;
  --text-sub: rgba(240,244,248,0.78);
  --text-dim: rgba(240,244,248,0.65);
  --accent: #60A5FA;
  --accent-solid: #1D4ED8;
  --tag-bg: rgba(96,165,250,0.08);
  --tag-border: rgba(96,165,250,0.2);
  --nav-bg: rgba(13,21,32,0.96);
  --card-bg: #131f30;
  --card-hover: #1a2b40;
  --rule: rgba(255,255,255,0.06);
  --grid-line: rgba(96,165,250,0.03);
  --yes-bg: rgba(74,222,128,0.08);
  --yes-border: rgba(74,222,128,0.25);
  --yes-text: #4ade80;
  --partial-bg: rgba(251,191,36,0.08);
  --partial-border: rgba(251,191,36,0.25);
  --partial-text: #fbbf24;
  --no-bg: rgba(248,113,113,0.08);
  --no-border: rgba(248,113,113,0.25);
  --no-text: #f87171;
  --na-bg: rgba(255,255,255,0.04);
  --na-border: rgba(255,255,255,0.1);
  --na-text: rgba(240,244,248,0.62);
  --kpi-border: rgba(255,255,255,0.07);
  --step-bg: #0D1520;
  --logo-color: #60A5FA;
}

[data-theme="light"] {
  --bg: #ffffff;
  --surface: #f8fafc;
  --surface-2: #f1f5f9;
  --border: rgba(0,0,0,0.18);
  --text: #0D1520;
  --text-sub: rgba(13,21,32,0.78);
  --text-dim: rgba(13,21,32,0.66);
  --accent: #1D4ED8;
  --accent-solid: #1D4ED8;
  --tag-bg: rgba(29,78,216,0.06);
  --tag-border: rgba(29,78,216,0.15);
  --nav-bg: rgba(255,255,255,0.96);
  --card-bg: #f8fafc;
  --card-hover: #f1f5f9;
  --rule: rgba(0,0,0,0.07);
  --grid-line: rgba(29,78,216,0.03);
  --yes-bg: rgba(22,163,74,0.06);
  --yes-border: rgba(22,163,74,0.2);
  --yes-text: #16a34a;
  --partial-bg: rgba(217,119,6,0.06);
  --partial-border: rgba(217,119,6,0.2);
  --partial-text: #d97706;
  --no-bg: rgba(220,38,38,0.06);
  --no-border: rgba(220,38,38,0.2);
  --no-text: #dc2626;
  --na-bg: rgba(0,0,0,0.03);
  --na-border: rgba(0,0,0,0.1);
  --na-text: rgba(13,21,32,0.62);
  --kpi-border: rgba(0,0,0,0.08);
  --step-bg: #ffffff;
  --logo-color: #1D4ED8;
}

[data-theme="exec"] {
  --bg: #FEFDF8;
  --surface: #f5f0e8;
  --surface-2: #ede6d6;
  --border: rgba(13,31,60,0.22);
  --text: #0D1F3C;
  --text-sub: rgba(13,31,60,0.78);
  --text-dim: rgba(13,31,60,0.66);
  --accent: #7a5010;
  --accent-solid: #7a5010;
  --tag-bg: rgba(183,121,31,0.08);
  --tag-border: rgba(183,121,31,0.2);
  --nav-bg: rgba(254,253,248,0.97);
  --card-bg: #f5f0e8;
  --card-hover: #ede6d6;
  --rule: rgba(13,31,60,0.08);
  --grid-line: rgba(183,121,31,0.04);
  --yes-bg: rgba(22,163,74,0.06);
  --yes-border: rgba(22,163,74,0.2);
  --yes-text: #16a34a;
  --partial-bg: rgba(217,119,6,0.06);
  --partial-border: rgba(217,119,6,0.2);
  --partial-text: #d97706;
  --no-bg: rgba(220,38,38,0.06);
  --no-border: rgba(220,38,38,0.2);
  --no-text: #dc2626;
  --na-bg: rgba(13,31,60,0.03);
  --na-border: rgba(13,31,60,0.1);
  --na-text: rgba(13,31,60,0.62);
  --kpi-border: rgba(13,31,60,0.16);
  --step-bg: #FEFDF8;
  --logo-color: #7a5010;
}