/* variables.css — Design tokens, clean clinical colors & breakpoints (CYAN340 v1.2.0) */
:root {
  --bg: #f8fafc;
  --card: #ffffff;
  --navy: #0b1f4d;
  --cobalt: #1a49a8;
  --electric: #2d7cf6;
  --teal: #00c9a7;
  --teal-dark: #008770;
  --amber: #f5a623;
  --border: #e2e8f0;
  --text: #0f172a;
  --muted: #64748b;
  --shadow: 0 4px 20px -2px rgba(11, 31, 77, 0.08);
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}