/* ST-MACHINE design tokens */
:root {
  --stm-blue-950: #052f47;
  --stm-blue-900: #063b58;
  --stm-blue-800: #074f73;
  --stm-blue-700: #0b648e;
  --stm-blue-600: #0f7ead;
  --stm-cyan-500: #20a8d8;
  --stm-cyan-200: #bfe9f7;
  --stm-red-600: #c83c37;
  --stm-red-500: #df4b43;
  --stm-steel-950: #152129;
  --stm-steel-800: #34434d;
  --stm-steel-600: #64737d;
  --stm-steel-400: #9fadb5;
  --stm-steel-200: #d9e1e5;
  --stm-steel-100: #edf2f4;
  --stm-white: #ffffff;
  --stm-surface: #f8fbfc;
  --stm-success: #2e8060;

  --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, "Segoe UI", Arial, sans-serif;

  --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;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-soft: 0 18px 55px rgba(5, 47, 71, .13);
  --shadow-deep: 0 28px 80px rgba(3, 31, 47, .28);
  --border: 1px solid rgba(7, 79, 115, .14);

  --content-max: 1440px;
  --slide-min-height: 100svh;
  --transition: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0ms; }
}