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

    --weather-blue: #087cf5;
    --weather-blue-mid: #2998f5;
    --weather-blue-light: #48adf5;
    --weather-cyan: #12cde7;
    --weather-yellow: #ffc400;

    --weather-radius-sm: 18px;
    --weather-radius-md: 26px;
    --weather-radius-lg: 36px;
    --weather-radius-pill: 999px;

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

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

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

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