/*
 * Christmas theme — red, green, and gold festive palette with a tiled
 * christmas-tree repeating background. Scoped to [data-theme="christmas"]
 * so the default theme provides the baseline (this file declares only
 * overrides, plus the body background, BINGO letter recoloring, and a
 * few card accents).
 */

:root[data-theme="christmas"] {
    /* Warm cream background; surfaces stay clean white for legibility */
    --color-bg: #fff8e1;
    --color-border: #f4d4c4;
    --color-text: #1c1917;
    --color-text-muted: #78716c;

    /* Primary action: festive deep red */
    --color-primary: #b91c1c;
    --color-primary-hover: #7f1d1d;

    /* Accent (answer reveal): forest green */
    --color-accent: #166534;

    /* Called cells: muted red; current: deep red */
    --color-called: #fecaca;
    --color-called-text: #7f1d1d;
    --color-current: #b91c1c;

    /* Shadows slightly warmer */
    --color-shadow: rgba(127, 29, 29, 0.12);
    --color-shadow-strong: rgba(127, 29, 29, 0.22);
}

/* Vibrant tiled christmas-tree pattern as a data URI. */
[data-theme="christmas"] body {
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpolygon points='60,12 94,92 26,92' fill='rgba(21,128,61,0.55)'/%3E%3Crect x='53' y='88' width='14' height='16' fill='rgba(120,53,15,0.65)'/%3E%3Cpolygon points='60,12 62,18 58,18' fill='rgba(250,204,21,0.95)'/%3E%3Ccircle cx='60' cy='12' r='5.5' fill='rgba(250,204,21,0.85)'/%3E%3Ccircle cx='46' cy='52' r='3.5' fill='rgba(220,38,38,0.8)'/%3E%3Ccircle cx='74' cy='62' r='3.5' fill='rgba(220,38,38,0.8)'/%3E%3Ccircle cx='60' cy='42' r='3' fill='rgba(250,204,21,0.9)'/%3E%3Ccircle cx='50' cy='75' r='3' fill='rgba(250,204,21,0.9)'/%3E%3Ccircle cx='70' cy='80' r='3' fill='rgba(220,38,38,0.8)'/%3E%3Ccircle cx='55' cy='62' r='2.5' fill='rgba(59,130,246,0.75)'/%3E%3Ccircle cx='65' cy='52' r='2.5' fill='rgba(59,130,246,0.75)'/%3E%3C/svg%3E");
    background-repeat: repeat;
}

/* Alternating bright green / bright red BINGO letters for Christmas. */
[data-theme="christmas"] .bingo-letter-b,
[data-theme="christmas"] .bingo-letter-n,
[data-theme="christmas"] .bingo-letter-o {
    color: #16a34a;
}

[data-theme="christmas"] .bingo-letter-i,
[data-theme="christmas"] .bingo-letter-g {
    color: #dc2626;
}

/* Cozy accent stripes on the content cards. */
[data-theme="christmas"] .state-card {
    border-top: 4px solid var(--color-primary);
}

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