/* Innovalm Cloud Business Suite - design tokens (F1). Contrast of the pairs below is verified by tests/frontend/verify_static.py. */
:root {
  color-scheme: light;
  --bg: #F4F7FB;
  --surface: #FFFFFF;
  --surface-2: #EEF3F9;
  --text: #0B1D33;
  --muted: #475569;
  --border: #D3DCE8;            /* decorative separators */
  --border-input: #64748B;      /* component boundaries (>= 3:1) */
  --primary: #0B63CE;
  --primary-strong: #0A58B8;
  --on-primary: #FFFFFF;
  --primary-soft: #E8F1FD;
  --accent: #0F766E;            /* turquesa (text-safe) */
  --accent-solid: #14B8A6;      /* turquesa (decorative fills only) */
  --accent-soft: #E6F7F5;
  --success: #15803D;  --success-soft: #DCFCE7;
  --warning: #B45309;  --warning-soft: #FEF3C7;
  --danger:  #B91C1C;  --danger-soft:  #FEE2E2;
  --info:    #0B63CE;  --info-soft:    #E8F1FD;
  --sidebar-bg: #0B1D33;
  --sidebar-text: #CBD5E1;
  --sidebar-muted: #94A3B8;
  --sidebar-active-bg: #14305A;
  --sidebar-active-text: #FFFFFF;
  --focus: #0B63CE;
  --shadow-1: 0 1px 2px rgba(11, 29, 51, .08), 0 1px 3px rgba(11, 29, 51, .06);
  --shadow-2: 0 8px 24px rgba(11, 29, 51, .14);
  --radius-1: 8px;
  --radius-2: 12px;
  --sidebar-w: 288px;
  --sidebar-w-collapsed: 72px;
  --topbar-h: 64px;
  --demo-h: 26px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --chart-1: #0B63CE; --chart-2: #14B8A6; --chart-3: #B45309; --chart-4: #64748B;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E1726;
  --surface: #14233A;
  --surface-2: #1B2E4A;
  --text: #E6EEF8;
  --muted: #A3B3C9;
  --border: #2B405E;
  --border-input: #7C8FAB;
  --primary: #4DA3FF;
  --primary-strong: #7DB9FF;
  --on-primary: #06142E;
  --primary-soft: #16335A;
  --accent: #2DD4BF;
  --accent-solid: #2DD4BF;
  --accent-soft: #0F3A3A;
  --success: #4ADE80;  --success-soft: #12361F;
  --warning: #FBBF24;  --warning-soft: #3A2E10;
  --danger:  #F87171;  --danger-soft:  #3D1A1A;
  --info:    #4DA3FF;  --info-soft:    #16335A;
  --sidebar-bg: #08111F;
  --sidebar-text: #B6C4DA;
  --sidebar-muted: #8397B3;
  --sidebar-active-bg: #16335A;
  --sidebar-active-text: #FFFFFF;
  --focus: #7DB9FF;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, .5);
  --chart-1: #4DA3FF; --chart-2: #2DD4BF; --chart-3: #FBBF24; --chart-4: #A3B3C9;
}