:root {
  --color-brand: #0a4080;
  --color-on-brand: #ffffff;
  --color-on-primary: #ffffff;
  --color-bg: #e3eefb;
  --color-surface: #ffffff;
  --color-text: #0a1f38;
  --color-text-muted: #2f4f6e;
  --color-border: #a8c8e8;
  --color-primary: #1258a8;
  --color-primary-soft: #cce3fa;
  --color-accent: #2288f8;
  --color-accent-soft: #d4ebff;
  --color-link: #0a4080;
  --color-hero-fallback: #062850;
  --color-surface-muted: #dce8f4;
  --color-create-bg: #ffffff;
  --brand-logo-filter: none;
  --color-fill: var(--color-primary);
  --color-on-fill: var(--color-on-primary, #fff);
  --calendar-event-chip-bg: var(--color-fill);
  --calendar-event-chip-text: var(--color-on-fill);
  --calendar-event-chip-border: color-mix(in srgb, var(--color-fill) 82%, #000);
}