/* ===== 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: #145da0;
  --ioai-primary-dark: #0e4478;
  --ioai-primary-light: #1e78c8;
  --ioai-primary-soft: #e8f0f9;      /* tinted panels, chips */
  --ioai-primary-glow: rgba(20, 93, 160, 0.18);

  --ioai-gold: #efa226;
  --ioai-gold-soft: #fdf3e2;
  --ioai-green: #34864f;
  --ioai-green-soft: #e9f4ec;
  --ioai-red: #c0392b;

  --ioai-bg: #ffffff;
  --ioai-bg-soft: #f5f7fa;
  --ioai-bg-band: #0e4478;           /* 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;
}