/* Design tokens, from design/DESIGN.md §3-§7, §56. v0.2: KUTIOT colours (dark navy, red accent) */
:root {
  /* §3.1 base */
  --color-bg-0: #070C18;
  --color-bg-1: #0B1020;
  --color-bg-2: #191E2A;
  --color-bg-3: #1B202C;
  --color-bg-4: #232938;
  --color-border: #2E333F;
  --color-border-strong: #444B5C;
  --color-text-0: #FFFFFF;
  --color-text-1: #C9CEDA;
  --color-text-2: #8A93A6;
  --color-text-disabled: #5A6275;

  /* §3.2 brand / accent */
  --color-primary: #D30000;
  --color-primary-hover: #E81212;
  --color-primary-muted: #3A0F14;
  --color-cyan: #22D3EE;
  --color-purple: #8B7CFF;
  --color-yellow: #F5C542;
  --color-orange: #F59E0B;
  --color-green: #20D67A;
  --color-red: #FF4D5E;

  /* §3.3 semantic status */
  --status-online: #20D67A;
  --status-running: #20D67A;
  --status-warning: #F5C542;
  --status-critical: #FF4D5E;
  --status-info: #22B8F0;
  --status-offline: #718096;
  --status-bad-quality: #FF4D5E;

  /* §4 typography: no local font file bundled, system fallback stack */
  --font-sans: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* §6 radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;

  /* §5 spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* §7 shadows, §8 / §9 layout */
  --shadow-card: 0 8px 24px rgba(0, 0, 0, .18);
  --shadow-glow-critical: 0 0 0 1px var(--color-red), 0 0 16px rgba(255, 77, 94, .35);
  --sidebar-w: 240px;
  --header-h: 68px;

  /* wind turbine scene (dusk sky, landscape, glass cards) */
  --sky-0: #0A1630;
  --sky-1: #1B3358;
  --sky-2: #4B5374;
  --sky-3: #B9715C;
  --sky-haze: #7E6F7D;
  --sky-sun: #FFD08A;
  --sky-sun-glow: rgba(255, 170, 90, .45);
  --terrain-0: #08140E;
  --terrain-1: #10251A;
  --terrain-far: #2C3B52;
  --water: #5A6F8C;
  --pad: #69727E;
  --turbine-white: #EEF2F6;
  --turbine-grey: #B9C3CD;
  --turbine-grey-light: #D5DCE2;
  --turbine-dark: #3A4350;
  --wt-green-0: #1F5A3A;
  --wt-green-1: #2F7A4E;
  --wt-green-2: #5FA36F;
  --glass-bg: rgba(10, 18, 34, .74);
  --glass-border: rgba(255, 255, 255, .14);
  --glass-line: rgba(34, 211, 238, .85);
  --scene-shade-top: rgba(7, 12, 24, .45);
  --scene-shade-bottom: rgba(7, 12, 24, .55);
}