/* generiert von scripts/export_tokens_css.py — nicht von Hand editieren */
:root {
  --bg-root: #EAECF0;
  --bg-surface: #FFFFFF;
  --bg-element: #DFE2E5;
  --bg-element-hover: #D3D7DC;
  --text-primary: #101418;
  --text-secondary: #4A5058;
  --text-muted: #7A808B;
  --border: #CDD2D7;
  --accent: #0E5A6B;
  --accent-hover: #0B4956;
  --accent-text: #FFFFFF;
  --accent-light: #E3F0F2;
  --accent-light-text: #0B4956;
  --signal: #F2A900;
  --signal-light: #FFF4D6;
  --signal-text: #4A3300;
  --success: #1F7A4D;
  --success-light: #E6F5EC;
  --warning: #B85C00;
  --warning-light: #FFF1E0;
  --danger: #C2362B;
  --danger-light: #FBE9E7;
  --sidebar-bg: #0F2F38;
  --sidebar-text: #B9CCD2;
  --sidebar-active-bg: #1A4A56;
  --sidebar-active-text: #FFFFFF;
  --chart-fill: #0E5A6B;
  --chart-fill-2: #F2A900;
  --accent-rgb: 14, 90, 107;
  --shadow: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.08);
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", monospace;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --motion-ease: cubic-bezier(0.33, 1, 0.68, 1);
}

[data-theme="dark"] {
  --bg-root: #19191B;
  --bg-surface: #222224;
  --bg-element: #2B2B2E;
  --bg-element-hover: #353538;
  --text-primary: #EDEDEE;
  --text-secondary: #A6A6AA;
  --text-muted: #6C6C70;
  --border: #3D3D40;
  --accent: #3FA9BE;
  --accent-hover: #5CBFD2;
  --accent-text: #06191E;
  --accent-light: #143C46;
  --accent-light-text: #8FD3E0;
  --signal: #FFC233;
  --signal-light: #3A2C08;
  --signal-text: #FFE7A3;
  --success: #3DBE7A;
  --success-light: #0F2A1D;
  --warning: #F2A45A;
  --warning-light: #2E1E0C;
  --danger: #F0776B;
  --danger-light: #2E1412;
  --sidebar-bg: #0F0F10;
  --sidebar-text: #97979B;
  --sidebar-active-bg: #143C46;
  --sidebar-active-text: #FFFFFF;
  --chart-fill: #3FA9BE;
  --chart-fill-2: #FFC233;
  --accent-rgb: 63, 169, 190;
  --shadow: 0 2px 8px rgba(0,0,0,0.4);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.5);
}