:root {
  color-scheme: dark;

  --bg: #07100a;
  --s0: #0c1710;
  --s1: #111e15;
  --s2: #172519;
  --s3: #1e2f21;
  --bd: #243829;
  --bd2: #2e4834;

  --brand-teal: #2a9d8f;
  --brand-green: #3ddc84;
  --brand-lime: #9ccb3b;
  --brand-dark: #16301c;

  --ok: #3ddc84;
  --warn: #f0b429;
  --danger: #f05252;
  --info: #60a5fa;
  --neutral: #a78bfa;

  --sec-arm: #8b8b8b;
  --sec-cor: #60a5fa;
  --sec-ser: #f0b429;
  --sec-maq: #a78bfa;
  --sec-pin: #ec6ea5;
  --sec-mec: #3ddc84;
  --sec-hid: #22d3ee;
  --sec-ele: #fb923c;
  --sec-gps: #818cf8;
  --sec-qc: #f05252;
  --sec-emb: #94a3b8;
  --sec-exp: #2a9d8f;

  --mat-s275: #3ddc84;
  --mat-hardox400: #f0a030;
  --mat-hardox450: #ef7c1a;

  --tx: #cce8d4;
  --tx2: #7a9e83;
  --tx3: #445a4a;
  --wh: #edf7f0;

  --font-display: "Syne", "Segoe UI", sans-serif;
  --font-ui: "Outfit", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Cascadia Mono", monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --shadow-card: 0 20px 60px rgb(0 0 0 / 28%);
  --focus-ring: 0 0 0 3px rgb(61 220 132 / 24%);
  --transition-fast: 150ms ease;
  --transition-base: 240ms ease;
}