/*
 * Fall theme — warm autumn palette with a tiled background of falling
 * leaves and acorns. (Inherits the original Thanksgiving look before it
 * was loaded up with turkeys and pilgrim hats.)
 */

:root[data-theme="fall"] {
    --color-bg: #fef3e2;
    --color-border: #fcd9b6;
    --color-text: #431407;
    --color-text-muted: #9a3412;

    --color-primary: #c2410c;
    --color-primary-hover: #9a3412;

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

    --color-called: #fed7aa;
    --color-called-text: #7c2d12;
    --color-current: #c2410c;

    --color-shadow: rgba(124, 45, 18, 0.14);
    --color-shadow-strong: rgba(124, 45, 18, 0.24);
}

[data-theme="fall"] 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%3Cellipse cx='30' cy='30' rx='10' ry='15' fill='rgba(234,88,12,0.28)' transform='rotate(40 30 30)'/%3E%3Cellipse cx='95' cy='80' rx='10' ry='15' fill='rgba(217,119,6,0.28)' transform='rotate(-35 95 80)'/%3E%3Cellipse cx='65' cy='60' rx='9' ry='13' fill='rgba(180,83,9,0.30)' transform='rotate(15 65 60)'/%3E%3Cellipse cx='105' cy='25' rx='8' ry='11' fill='rgba(190,18,60,0.25)' transform='rotate(-20 105 25)'/%3E%3Cellipse cx='22' cy='98' rx='6' ry='8' fill='rgba(120,53,15,0.40)'/%3E%3Cellipse cx='22' cy='92' rx='6.5' ry='3.5' fill='rgba(146,64,14,0.45)'/%3E%3Cline x1='22' y1='106' x2='22' y2='112' stroke='rgba(120,53,15,0.45)' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: repeat;
}

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

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