/* ===== IOAI Australia Design System — CSS Variables =====
   Light institutional palette. Primary blue taken from the current ioai.org.au (#145da0). */
:root {
  --font-body: 'Inter', -apple-system, 'SF Pro Text', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Inter', -apple-system, 'SF Pro Display', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', Menlo, Consolas, monospace;

  --ioai-primary: #2f8ff0;
  --ioai-primary-dark: #0b2a5c;
  --ioai-primary-light: #5aa8ff;
  --ioai-primary-soft: #eaf3ff;      /* tinted panels, chips */
  --iaio-red-soft: #ffe9ee;        /* IAIO four-colour system: blue / green / red / yellow (logo + roadmap pills) */
  --ioai-primary-glow: rgba(47, 143, 240, 0.20);

  --ioai-gold: #f5c518;
  --ioai-gold-soft: #fff7d6;
  --ioai-green: #00b85c;
  --ioai-green-soft: #e3f8ec;
  --ioai-red: #ff4466;

  --ioai-bg: #ffffff;
  --ioai-bg-soft: #f5f7fa;
  --ioai-bg-band: #0b2a5c;           /* dark blue bands (stats / CTA) */

  --ioai-text: #1f2933;
  --ioai-text-secondary: #4b5563;
  --ioai-text-muted: #737373;
  --ioai-text-on-dark: #ffffff;

  --ioai-border: #e4e4e4;
  --ioai-border-strong: #cfd6de;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --shadow-md: 0 6px 20px rgba(16, 24, 40, 0.08);
  --container: 1120px;
  --nav-h: 72px;
}