/*
 * Winter theme — cool icy palette with a snowflakes-and-icicles
 * background pattern. Pairs with the snowflake particles.
 */

:root[data-theme="winter"] {
    --color-bg: #e0f2fe;
    --color-surface: #ffffff;
    --color-border: #bae6fd;
    --color-text: #0c4a6e;
    --color-text-muted: #0369a1;

    --color-primary: #0369a1;
    --color-primary-hover: #075985;

    --color-accent: #1e3a8a;
    --color-accent-soft: #dbeafe;

    --color-called: #bae6fd;
    --color-called-text: #0c4a6e;
    --color-current: #0369a1;

    --color-shadow: rgba(12, 74, 110, 0.14);
    --color-shadow-strong: rgba(12, 74, 110, 0.24);
}

[data-theme="winter"] body {
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg transform='translate(35 38)' stroke='rgba(56,189,248,0.6)' stroke-width='2' stroke-linecap='round' fill='none'%3E%3Cline x1='-13' y1='0' x2='13' y2='0'/%3E%3Cline x1='0' y1='-13' x2='0' y2='13'/%3E%3Cline x1='-9' y1='-9' x2='9' y2='9'/%3E%3Cline x1='-9' y1='9' x2='9' y2='-9'/%3E%3Cline x1='-3' y1='-10' x2='0' y2='-13'/%3E%3Cline x1='3' y1='-10' x2='0' y2='-13'/%3E%3Cline x1='-3' y1='10' x2='0' y2='13'/%3E%3Cline x1='3' y1='10' x2='0' y2='13'/%3E%3Cline x1='-10' y1='-3' x2='-13' y2='0'/%3E%3Cline x1='-10' y1='3' x2='-13' y2='0'/%3E%3Cline x1='10' y1='-3' x2='13' y2='0'/%3E%3Cline x1='10' y1='3' x2='13' y2='0'/%3E%3C/g%3E%3Cg transform='translate(105 95) rotate(22)' stroke='rgba(125,211,252,0.65)' stroke-width='1.5' stroke-linecap='round' fill='none'%3E%3Cline x1='-9' y1='0' x2='9' y2='0'/%3E%3Cline x1='0' y1='-9' x2='0' y2='9'/%3E%3Cline x1='-6.5' y1='-6.5' x2='6.5' y2='6.5'/%3E%3Cline x1='-6.5' y1='6.5' x2='6.5' y2='-6.5'/%3E%3C/g%3E%3Cpolygon points='70,0 73,17 67,17' fill='rgba(186,230,253,0.85)'/%3E%3Cpolygon points='125,0 127,11 123,11' fill='rgba(186,230,253,0.85)'/%3E%3Cpolygon points='15,0 18,14 12,14' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='85' cy='25' r='2' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='25' cy='85' r='2' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='120' cy='55' r='1.6' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='60' cy='125' r='2' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='135' cy='130' r='1.6' fill='rgba(186,230,253,0.85)'/%3E%3Ccircle cx='95' cy='130' r='1.6' fill='rgba(186,230,253,0.85)'/%3E%3C/svg%3E");
    background-repeat: repeat;
}

[data-theme="winter"] .state-card {
    border-top: 4px solid var(--color-primary);
}

[data-theme="winter"] .grid-pane {
    border-top: 4px solid var(--color-accent);
}