/*
 * Halloween theme — pumpkin orange + spooky purple, with a tiled
 * jack-o-lantern + bat + spider pattern background.
 */

:root[data-theme="halloween"] {
    --color-bg: #1a0f1d;
    --color-surface: #2a1830;
    --color-border: #4a2b55;
    --color-text: #fef3c7;
    --color-text-muted: #d4a574;

    --color-primary: #f97316;
    --color-primary-hover: #ea580c;

    --color-accent: #a855f7;
    --color-accent-soft: #2d1b3d;

    --color-called: #581c87;
    --color-called-text: #fde68a;
    --color-current: #f97316;

    --color-shadow: rgba(0, 0, 0, 0.45);
    --color-shadow-strong: rgba(0, 0, 0, 0.65);
}

[data-theme="halloween"] 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%3Ccircle cx='65' cy='65' r='22' fill='rgba(249,115,22,0.18)'/%3E%3Crect x='61' y='40' width='8' height='6' fill='rgba(22,101,52,0.35)'/%3E%3Cpolygon points='55,60 62,66 55,72' fill='rgba(0,0,0,0.5)'/%3E%3Cpolygon points='75,60 68,66 75,72' fill='rgba(0,0,0,0.5)'/%3E%3Cpath d='M52,76 L78,76 L74,82 L70,78 L65,84 L60,78 L56,82 z' fill='rgba(0,0,0,0.55)'/%3E%3Cpath d='M14,18 Q19,12 24,18 Q22,16 19,17 Q16,16 14,18 z' fill='rgba(168,85,247,0.4)'/%3E%3Cpath d='M106,108 Q111,102 116,108 Q114,106 111,107 Q108,106 106,108 z' fill='rgba(168,85,247,0.4)'/%3E%3Ccircle cx='110' cy='25' r='3' fill='rgba(254,243,199,0.35)'/%3E%3Ccircle cx='20' cy='110' r='2.5' fill='rgba(254,243,199,0.35)'/%3E%3C/svg%3E");
    background-repeat: repeat;
}

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

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