:root {
    --weather-page-bg: var(--nmla-background, #e3edf7);
    --weather-card-bg: var(--nmla-surface, #ffffff);
    --weather-text: var(--nmla-text, #16191f);
    --weather-muted: var(--nmla-text-muted-soft, #94a3b8);
    --weather-border: var(--nmla-border, rgba(205, 220, 236, 0.55));

    --weather-blue: var(--nmla-primary, #087cf5);
    --weather-blue-mid: var(--nmla-secondary, #2998f5);
    --weather-blue-light: #48adf5;
    --weather-cyan: var(--nmla-accent, #12cde7);
    --weather-yellow: var(--nmla-weather-highlight, #ffc400);

    --weather-radius-sm: var(--nmla-radius-sm, 18px);
    --weather-radius-md: var(--nmla-radius-md, 26px);
    --weather-radius-lg: var(--nmla-card-radius, var(--nmla-radius-lg, 36px));
    --weather-radius-pill: var(--nmla-radius-pill, 999px);

    --weather-shadow-card:
        var(--nmla-shadow-elevated, 0 22px 45px rgba(104, 139, 178, 0.16), 0 8px 18px rgba(104, 139, 178, 0.10));

    --weather-shadow-floating:
        var(--nmla-shadow-elevated, 0 18px 36px rgba(38, 113, 205, 0.22), 0 5px 12px rgba(38, 113, 205, 0.12));

    --weather-gradient-blue:
        var(--nmla-gradient-primary, linear-gradient(100deg, #087cf5 0%, #2998f5 55%, #48adf5 100%));

    --weather-gradient-cyan:
        var(--nmla-gradient-accent, linear-gradient(100deg, #12cde7 0%, #1eb7ee 100%));
}