:root {
    --foreground: #0c2440;
    --card: rgba(244, 250, 255, 0.98);
    --card-foreground: #0c2440;
    --primary: #0b5cab;
    --primary-foreground: #f5fbff;
    --secondary: #dcecff;
    --muted: #ecf5ff;
    --muted-foreground: #55708f;
    --border: rgba(11, 92, 171, 0.14);
    --radius: 1.2rem;
    --shadow-sm: 0 2px 10px rgba(12, 36, 64, 0.06);
    --shadow-md: 0 22px 50px rgba(12, 36, 64, 0.10);
    --page-background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 24%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 20%),
        linear-gradient(180deg, #f4faff 0%, #e9f4ff 44%, #d9ebff 100%);
    --tabs-background: rgba(240, 248, 255, 0.94);
    --tab-active-border: rgba(255, 255, 255, 0.12);
    --current-gradient: linear-gradient(180deg, #0066cc 0%, #0b5cab 100%);
    --current-foreground: #f5fbff;
    --current-border: rgba(11, 92, 171, 0.9);
    --interactive-border: rgba(11, 92, 171, 0.24);
    --old-bg: #fff4ce;
    --old-fg: #8a6500;
    --old-border: #efcd74;
    --forecast-bg: #eef7ff;
    --forecast-border: #bedcff;
    --unavailable-bg: #edf3f9;
    --unavailable-fg: #7a90a8;
    --status-default-bg: rgba(11, 92, 171, 0.08);
    --status-default-border: rgba(11, 92, 171, 0.08);
    --status-default-fg: #0b5cab;
    --status-old-bg: rgba(181, 114, 0, 0.12);
    --status-old-border: rgba(181, 114, 0, 0.10);
    --status-old-fg: #9a6700;
    --status-accent-bg: rgba(14, 165, 233, 0.10);
    --status-accent-border: rgba(14, 165, 233, 0.10);
    --status-accent-fg: #0369a1;
    --status-current-bg: rgba(255, 255, 255, 0.14);
    --status-current-border: rgba(255, 255, 255, 0.14);
    --status-unavailable-bg: rgba(122, 144, 168, 0.18);
    --status-unavailable-border: rgba(122, 144, 168, 0.14);
    --status-unavailable-fg: #55708f;
    --danger: #db2777;
    --loading-bg: rgba(241, 248, 255, 0.95);
    --table-hover: rgba(11, 92, 171, 0.04);
    --error-bg: rgba(253, 242, 248, 0.94);
    --error-fg: #be185d;
    --error-border: rgba(190, 24, 93, 0.12);
}

header,
.legend-container {
    backdrop-filter: blur(18px);
}

.chart-card,
.front-link {
    border-radius: 1.25rem;
}