/*
 * Spring theme — fresh green palette with a tiled pattern of daisies,
 * leaves, and butterflies.
 */

:root[data-theme="spring"] {
    --color-bg: #f0fdf4;
    --color-border: #bbf7d0;
    --color-text: #14532d;
    --color-text-muted: #166534;

    --color-primary: #16a34a;
    --color-primary-hover: #15803d;

    --color-accent: #db2777;
    --color-accent-soft: #fce7f3;

    --color-called: #bbf7d0;
    --color-called-text: #14532d;
    --color-current: #16a34a;

    --color-shadow: rgba(20, 83, 45, 0.10);
    --color-shadow-strong: rgba(20, 83, 45, 0.20);
}

[data-theme="spring"] body {
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg transform='translate(30 30)'%3E%3Ccircle cx='0' cy='-8' r='5.5' fill='rgba(244,114,182,0.45)'/%3E%3Ccircle cx='7.6' cy='-2.5' r='5.5' fill='rgba(244,114,182,0.45)'/%3E%3Ccircle cx='4.7' cy='6.5' r='5.5' fill='rgba(244,114,182,0.45)'/%3E%3Ccircle cx='-4.7' cy='6.5' r='5.5' fill='rgba(244,114,182,0.45)'/%3E%3Ccircle cx='-7.6' cy='-2.5' r='5.5' fill='rgba(244,114,182,0.45)'/%3E%3Ccircle cx='0' cy='0' r='3.2' fill='rgba(250,204,21,0.85)'/%3E%3C/g%3E%3Cg transform='translate(82 75)'%3E%3Ccircle cx='0' cy='-8' r='5.5' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='7.6' cy='-2.5' r='5.5' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='4.7' cy='6.5' r='5.5' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='-4.7' cy='6.5' r='5.5' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='-7.6' cy='-2.5' r='5.5' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='0' cy='0' r='3.2' fill='rgba(234,88,12,0.7)'/%3E%3C/g%3E%3Cpath d='M15,70 Q22,62 30,68 Q22,75 15,70 z' fill='rgba(34,197,94,0.35)'/%3E%3Cpath d='M88,20 Q95,12 103,18 Q95,25 88,20 z' fill='rgba(34,197,94,0.35)'/%3E%3Cg transform='translate(60 95)'%3E%3Cellipse cx='-3' cy='0' rx='3' ry='4.5' fill='rgba(96,165,250,0.45)' transform='rotate(-25 -3 0)'/%3E%3Cellipse cx='3' cy='0' rx='3' ry='4.5' fill='rgba(96,165,250,0.45)' transform='rotate(25 3 0)'/%3E%3Cline x1='0' y1='-3' x2='0' y2='3' stroke='rgba(20,83,45,0.55)' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}

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

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