:root {
  /* --- brand red --- */
  --ibo-red: #e31d1a;
  --ibo-red-dark: #b51513;
  --ibo-soft-red: #fff1f1;
  /* --- brand gold --- */
  --ibo-gold: #f2c230;
  --ibo-gold-dark: #c99a12;
  /* --- accent blue (links, focus, live-data) --- */
  --ibo-blue: #0e9ac9;
  --ibo-blue-dark: #0d89b3;
  /* --- ink / neutrals (light theme) --- */
  --ibo-ink: #151515;
  --ibo-text: #1f2d3d;
  --ibo-text-muted: #5f6f80;
  --ibo-text-faint: #8a96a3;
  --ibo-border: #e4e9f2;
  --ibo-border-soft: #edf1f6;
  --ibo-surface: #ffffff;
  --ibo-surface-alt: #f9fbfe;
  --ibo-surface-sunken: #f3f6fb;
  /* --- semantic --- */
  --ibo-success: #2f9e57;
  --ibo-danger: #b20000;
  --ibo-warning: #c99a12;

  /* --- typography --- */
  --font-display: 'Audiowide', sans-serif;
  --font-nav: 'Audiowide', 'Montserrat', sans-serif;
  --font-ui: 'Montserrat', arial, sans-serif;
  --font-body: 'Lato', arial, sans-serif;
  --font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* --- spacing / radius / shadow --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-card: 0 6px 18px rgba(15, 34, 58, .07);
  --shadow-card-lifted: 0 8px 22px rgba(20, 33, 61, .08);
  --shadow-focus: 0 0 0 3px rgba(14, 154, 201, .28);

  /* --- empty-state component --- */
  --ibo-empty-border: #d7e2f2;
  --ibo-empty-icon: #7a90b3;
  --ibo-empty-title: #304564;
  --ibo-empty-text: #5b6d82;

  /* --- badge component (neutral tone) --- */
  --ibo-badge-neutral-bg: #6a737d;

  /* --- badge component (info tone) --- */
  --ibo-badge-info-text: #1f4f9f;
  --ibo-badge-info-bg: #edf4ff;
  --ibo-badge-info-border: #d7e5ff;

  /* --- status pill component (pilot centre / logbook) --- */
  --ibo-status-success-bg: #edf9f0;
  --ibo-status-success-border: #cbe9d2;
  --ibo-status-success-text: #1f7a33;
  --ibo-status-warning-bg: #fff5e6;
  --ibo-status-warning-border: #f4d7ad;
  --ibo-status-warning-text: #b86a00;
  --ibo-status-danger-bg: var(--ibo-soft-red);
  --ibo-status-danger-border: #f2caca;
  --ibo-status-danger-text: #b33a3a;
}

html[data-theme="dark"] {
  --ibo-dark-bg: #101822;
  --ibo-dark-surface: #172738;
  --ibo-dark-border: #2d445b;
  --ibo-dark-text: #d9e3ee;
  --ibo-dark-heading: #eef4fb;
  --ibo-dark-muted: #aebed0;
  --ibo-dark-gold-accent: #ffd66f;
  --ibo-dark-blue-accent: #66cbff;
  --shadow-card-dark: 0 8px 20px rgba(0, 0, 0, .28);
  --ibo-dark-border-strong: #35516a;
  --ibo-dark-empty-border: var(--ibo-dark-border-strong);

  /* --- pilot dashboard surfaces --- */
  --ibo-dark-surface-raised: #1b2f43;
  --ibo-dark-surface-hover: #22384d;
  --ibo-dark-surface-sunken: #0f1d2c;
  --ibo-dark-border-hover: #4c6f8f;
  --ibo-dark-text-strong: #e4edf7;

  /* --- alert boxes (dark) --- */
  --ibo-dark-alert-danger-border: #9e2d23;
  --ibo-dark-alert-danger-text: #ffd4cf;
  --ibo-dark-alert-success-border: var(--ibo-success);
  --ibo-dark-alert-success-text: #d3ffea;
}