/*
 * Easter theme — pastel palette with a tiled pattern of decorated eggs
 * and tiny flowers.
 */

:root[data-theme="easter"] {
    --color-bg: #fdf2f8;
    --color-border: #f5d0fe;
    --color-text: #4a044e;
    --color-text-muted: #86198f;

    --color-primary: #c026d3;
    --color-primary-hover: #a21caf;

    --color-accent: #16a34a;
    --color-accent-soft: #dcfce7;

    --color-called: #f5d0fe;
    --color-called-text: #701a75;
    --color-current: #c026d3;

    --color-shadow: rgba(134, 25, 143, 0.10);
    --color-shadow-strong: rgba(134, 25, 143, 0.20);
}

[data-theme="easter"] 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%3Cellipse cx='30' cy='40' rx='13' ry='17' fill='rgba(244,114,182,0.30)'/%3E%3Cpath d='M18,38 Q24,34 30,38 T42,38' stroke='rgba(168,85,247,0.55)' stroke-width='1.5' fill='none'/%3E%3Cpath d='M18,46 Q24,42 30,46 T42,46' stroke='rgba(168,85,247,0.55)' stroke-width='1.5' fill='none'/%3E%3Cellipse cx='78' cy='75' rx='13' ry='17' fill='rgba(96,165,250,0.30)'/%3E%3Ccircle cx='73' cy='70' r='2.2' fill='rgba(250,204,21,0.65)'/%3E%3Ccircle cx='83' cy='77' r='2.2' fill='rgba(250,204,21,0.65)'/%3E%3Ccircle cx='76' cy='83' r='2.2' fill='rgba(250,204,21,0.65)'/%3E%3Cg transform='translate(20 90)'%3E%3Ccircle cx='0' cy='-3.5' r='2.8' fill='rgba(244,114,182,0.55)'/%3E%3Ccircle cx='3.3' cy='-1.2' r='2.8' fill='rgba(244,114,182,0.55)'/%3E%3Ccircle cx='2' cy='2.8' r='2.8' fill='rgba(244,114,182,0.55)'/%3E%3Ccircle cx='-2' cy='2.8' r='2.8' fill='rgba(244,114,182,0.55)'/%3E%3Ccircle cx='-3.3' cy='-1.2' r='2.8' fill='rgba(244,114,182,0.55)'/%3E%3Ccircle cx='0' cy='0' r='2' fill='rgba(250,204,21,0.85)'/%3E%3C/g%3E%3Cg transform='translate(92 22)'%3E%3Ccircle cx='0' cy='-3.5' r='2.8' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='3.3' cy='-1.2' r='2.8' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='2' cy='2.8' r='2.8' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='-2' cy='2.8' r='2.8' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='-3.3' cy='-1.2' r='2.8' fill='rgba(250,204,21,0.55)'/%3E%3Ccircle cx='0' cy='0' r='2' fill='rgba(244,114,182,0.85)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}

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

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