:root {
  color-scheme: light;
  --ga-brand-deep-blue: #0d384e;
  --ga-brand-turquoise: #0fa5a6;
  --ga-brand-green: #7dbe5e;
  --ga-brand-light-green: #a8d67a;
  --ga-brand-slate: #485563;
  --ga-color-bg: #f5faf8;
  --ga-color-surface: #ffffff;
  --ga-color-surface-muted: #eaf7f2;
  --ga-color-highlight: #e2f5ed;
  --ga-color-accent-warm: #c84f2c;
  --ga-color-accent-warm-soft: #fde9e2;
  --ga-color-green-soft: #e8f4dc;
  --ga-color-text: #17242b;
  --ga-color-text-muted: #485563;
  --ga-color-border: #d6e0e4;
  --ga-color-focus: #0fa5a6;
  --ga-color-success: #2e7d32;
  --ga-color-warning: #9a5b00;
  --ga-color-error: #b42318;
  --ga-color-info: #096b86;
  --ga-radius-sm: 6px;
  --ga-radius-md: 10px;
  --ga-radius-lg: 16px;
  --ga-space-1: 0.25rem;
  --ga-space-2: 0.5rem;
  --ga-space-3: 0.75rem;
  --ga-space-4: 1rem;
  --ga-space-6: 1.5rem;
  --ga-space-8: 2rem;
  --ga-shadow-sm: 0 1px 3px rgb(13 56 78 / 10%);
  --ga-shadow-md: 0 12px 32px rgb(13 56 78 / 14%);
  --ga-shell-appbar-height: 64px;
  --ga-shell-drawer-width: 280px;
  --ga-shell-content-max: 1440px;
}

.mud-theme-dark {
  color-scheme: dark;
  --ga-color-bg: #101a20;
  --ga-color-surface: #18262e;
  --ga-color-surface-muted: #21333c;
  --ga-color-highlight: #173d3d;
  --ga-color-accent-warm: #ff9b7d;
  --ga-color-accent-warm-soft: #482a25;
  --ga-color-green-soft: #253d29;
  --ga-color-text: #f2f7f8;
  --ga-color-text-muted: #b9c8cd;
  --ga-color-border: #34474f;
  --ga-color-focus: #59c7c8;
  --ga-shadow-sm: 0 1px 3px rgb(0 0 0 / 28%);
  --ga-shadow-md: 0 12px 32px rgb(0 0 0 / 34%);
}

.ga-tabular-nums {
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}