/*
 * Summer theme — bright sky-blue + sunshine palette with a tiled
 * pattern of suns and gentle waves.
 */

:root[data-theme="summer"] {
    --color-bg: #ecfeff;
    --color-border: #bae6fd;
    --color-text: #0c4a6e;
    --color-text-muted: #0369a1;

    --color-primary: #0ea5e9;
    --color-primary-hover: #0284c7;

    --color-accent: #f59e0b;
    --color-accent-soft: #fef3c7;

    --color-called: #bae6fd;
    --color-called-text: #0c4a6e;
    --color-current: #0ea5e9;

    --color-shadow: rgba(12, 74, 110, 0.10);
    --color-shadow-strong: rgba(12, 74, 110, 0.20);
}

[data-theme="summer"] body {
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg transform='translate(35 35)'%3E%3Ccircle cx='0' cy='0' r='10' fill='rgba(250,204,21,0.55)'/%3E%3Cline x1='0' y1='-18' x2='0' y2='-13' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='0' y1='13' x2='0' y2='18' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='-18' y1='0' x2='-13' y2='0' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='13' y1='0' x2='18' y2='0' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='-12.7' y1='-12.7' x2='-9.2' y2='-9.2' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='9.2' y1='9.2' x2='12.7' y2='12.7' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='-12.7' y1='12.7' x2='-9.2' y2='9.2' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='9.2' y1='-9.2' x2='12.7' y2='-12.7' stroke='rgba(245,158,11,0.6)' stroke-width='2.2' stroke-linecap='round'/%3E%3C/g%3E%3Cpath d='M0 85 Q16 78 32 85 T64 85 T96 85 T130 85' stroke='rgba(14,165,233,0.45)' stroke-width='2.2' fill='none'/%3E%3Cpath d='M0 105 Q16 98 32 105 T64 105 T96 105 T130 105' stroke='rgba(14,165,233,0.35)' stroke-width='2.2' fill='none'/%3E%3Cg transform='translate(100 35)'%3E%3Ccircle cx='0' cy='0' r='5' fill='rgba(255,255,255,0.55)'/%3E%3Ccircle cx='5' cy='-2' r='4.5' fill='rgba(255,255,255,0.55)'/%3E%3Ccircle cx='-5' cy='-2' r='4.5' fill='rgba(255,255,255,0.55)'/%3E%3Ccircle cx='2.5' cy='3' r='4.5' fill='rgba(255,255,255,0.55)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}

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

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