/* ETS design tokens — aligned to Jelmer Figma (navy / orange) + Medical variant */
:root {
  --navy: #0b2340;
  --navy-2: #123258;
  --navy-deep: #071628;
  --orange: #f05a28;
  --orange-hover: #d94c1e;
  --ink: #1a2332;
  --muted: #5b677a;
  --line: #e3e8ef;
  --bg: #ffffff;
  --bg-soft: #f4f7fb;
  --white: #fff;
  --radius: 12px;
  --shadow: 0 10px 30px rgba(11, 35, 64, 0.08);
  --shadow-lg: 0 18px 50px rgba(11, 35, 64, 0.12);
  --max: 1240px;
  --font: "Archivo", "Lato", system-ui, sans-serif;

  /* Medical skin — cooler clinical feel on top of same brand */
  --med-navy: #0a2744;
  --med-teal: #0e7490;
  --med-teal-soft: #e0f5f9;
  --med-mint: #ecfeff;
  --med-line: #d5e7ef;
  --med-teal-hover: #0c5f75;
}