/* O2Matix design tokens — the single source for colour, type, spacing and radius.
   Load first; every other stylesheet refers to these instead of raw values. Dark theme only for now. */
:root {
  color-scheme: dark;

  /* Surfaces, from the page background up */
  --color-bg: #080b14;
  --color-surface: #0c1220;
  --color-surface-2: #0f1423;
  --color-surface-raised: #112a3a;
  --color-surface-selected: #162b3b;

  /* Lines. --color-line is decorative; --color-line-strong outlines controls (≥3:1 on every surface). */
  --color-line: #29384e;
  --color-line-strong: #5b7591;

  /* Text (all ≥7:1 on the surfaces above) */
  --color-text: #d7e2ef;
  --color-text-muted: #9fb1c7;
  --color-text-subtle: #859bb6;

  /* Accent: the one action colour */
  --color-accent: #59d5ec;
  --color-accent-soft: #9ac5d5;
  --color-accent-ink: #071c28;

  /* Status: each colour has exactly one meaning */
  --color-danger: #f3beca;
  --color-danger-bg: #2b1922;
  --color-danger-line: #694151;
  --color-warning: #e3cf9c;
  --color-warning-bg: #2a2414;
  --color-success: #79d5b4;

  /* Type scale: nothing below 12px */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 26px;
  --text-2xl: 34px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Radius */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;

  /* Shell */
  --topbar-height: 56px;
}