/* October decorates the existing regions; all geometry remains application-owned. */
body[data-theme="october"] {
    --status-card-bg: rgba(35, 24, 18, .79) !important;
    --status-card-border: rgba(190, 126, 63, .54) !important;
    --status-card-shadow: 0 .7rem 1.65rem rgba(12, 6, 3, .34) !important;
    --status-card-text-primary: #fff0d9 !important;
    --status-card-text-secondary: #dcc5a8 !important;
    --status-card-accent: #efb66c !important;
    --status-card-divider: rgba(205, 163, 105, .24) !important;
    --status-card-inner-glow: rgba(172, 97, 38, .16) !important;
}
body[data-theme="october"] .weather-atmosphere__backdrop { filter: brightness(var(--scene-exposure, 1)); }
body[data-theme="october"] .weather-atmosphere__sky,
body[data-theme="october"] .weather-atmosphere__clouds,
body[data-theme="october"] .weather-atmosphere__mist,
body[data-theme="october"] .weather-atmosphere__shimmer,
body[data-theme="october"] .weather-atmosphere__weather-wash { display: none; }
body[data-theme="october"] .weather-atmosphere__light {
    inset: 0 !important;
    animation: none;
    background: linear-gradient(rgba(239, 153, 61, var(--scene-warmth, 0)), rgba(239, 153, 61, var(--scene-warmth, 0))) !important;
}
body[data-theme="october"] .weather-atmosphere__finish {
    background: linear-gradient(rgba(12, 21, 37, var(--scene-shade, 0)), rgba(12, 21, 37, var(--scene-shade, 0)));
}
body[data-theme="october"] .schedule-column:not(.schedule-column--footer-theme),
body[data-theme="october"] .schedule-column--footer-theme .calendar-card {
    border-color: rgba(188, 125, 66, .52);
    background:
        linear-gradient(125deg, rgba(129, 66, 27, .13), transparent 43%),
        linear-gradient(180deg, rgba(43, 29, 20, .50), rgba(28, 22, 17, .52));
    box-shadow: 0 1.1rem 2.5rem rgba(12, 6, 3, .37), inset 0 1px rgba(237, 176, 101, .22), inset 0 -1px rgba(104, 58, 28, .26);
    backdrop-filter: blur(2.5px);
}
body[data-theme="october"] .calendar-weekdays {
    background: linear-gradient(100deg, rgba(64, 37, 22, .76), rgba(33, 25, 19, .77));
    box-shadow: inset 0 1px rgba(232, 157, 78, .22), inset 0 -1px rgba(145, 85, 38, .28);
}
body[data-theme="october"] .calendar-weekdays div { color: #edc292; text-shadow: 0 1px 1px #1a1009; }
body[data-theme="october"] .calendar-grid { background: rgba(143, 85, 40, .15); border-color: rgba(178, 111, 55, .38); }
body[data-theme="october"] .calendar-day { background: linear-gradient(155deg, rgba(48, 32, 23, .67), rgba(27, 23, 19, .70)); }
body[data-theme="october"] .calendar-day--weekend { background: linear-gradient(155deg, rgba(67, 36, 20, .70), rgba(42, 29, 22, .71)); }
body[data-theme="october"] .calendar-day--today { box-shadow: inset 0 0 0 3px #ce944c, inset 0 .22rem 0 #f0bd75; }
body[data-theme="october"] .calendar-day--today .calendar-day__number { color: #fff0d9; background: #674323; border-color: #d7a465; }
body[data-theme="october"] .calendar-legend__item { color: #f1ddc3; border-color: rgba(205, 163, 105, .3); background: rgba(24, 21, 18, .87); }
/* A weathered bronze neighborhood sign. Letter metrics and border widths
   retain the original footprint; dimensional detail stays inside the sign. */
body[data-theme="october"] .month-label {
    color: #edc08a;
    border-color: #82603b;
    border-radius: .42rem;
    outline-color: rgba(21, 12, 7, .36);
    background:
        radial-gradient(ellipse at 79% 5%, rgba(201, 131, 55, .22), transparent 58%),
        radial-gradient(ellipse at 15% 90%, rgba(112, 73, 40, .19), transparent 50%),
        repeating-linear-gradient(178deg, transparent 0 7px, rgba(213, 166, 98, .028) 8px, transparent 9px 15px),
        linear-gradient(105deg, #191410, #302319 56%, #201813);
    box-shadow:
        0 .45rem .85rem rgba(9, 5, 2, .48),
        0 0 1.2rem rgba(167, 92, 29, .08),
        inset 0 2px rgba(232, 187, 115, .22),
        inset 0 -3px rgba(5, 3, 2, .72),
        inset 3px 0 rgba(221, 174, 99, .10),
        inset -3px 0 rgba(6, 4, 2, .42);
    text-shadow:
        0 -1px 0 rgba(255, 222, 167, .45),
        0 2px 0 #0c0805,
        1px 3px 0 rgba(8, 5, 3, .75),
        0 0 16px rgba(197, 124, 48, .16);
    -webkit-text-stroke: .35px rgba(234, 190, 128, .42);
    animation: none;
}
body[data-theme="october"] .month-label::before {
    display: block;
    inset: 5px;
    width: auto;
    border: 1px solid rgba(209, 159, 91, .28);
    border-radius: .14rem;
    transform: none;
    background:
        radial-gradient(circle at 9px 50%, #caa16a 0 1px, #624326 2px, #100c08 3px, transparent 4px),
        radial-gradient(circle at calc(100% - 9px) 50%, #caa16a 0 1px, #624326 2px, #100c08 3px, transparent 4px);
    box-shadow: inset 0 1px rgba(5, 3, 2, .65), 0 1px rgba(218, 168, 98, .10);
    animation: none;
}
body[data-theme="october"] .month-label::after {
    inset: 0;
    background:
        repeating-linear-gradient(94deg, transparent 0 29px, rgba(237, 191, 119, .035) 30px, transparent 31px 63px),
        linear-gradient(180deg, rgba(255, 217, 155, .07), transparent 27%, transparent 81%, rgba(6, 3, 1, .23)) !important;
    box-shadow: inset 0 0 5px 2px rgba(8, 5, 3, .42) !important;
}
/* Preserve the invisible shell's border allocation and padding exactly: the
   information floats in the scene without changing any grid measurements. */
body[data-theme="october"] .utility-card[data-region-state="active"] {
    border-color: transparent;
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    box-shadow: none;
}
body[data-theme="october"] .clock__time,
body[data-theme="october"] .weather__temperature {
    color: #fff0d9;
    text-shadow: 0 2px 3px rgba(17, 9, 4, .95), 0 0 7px rgba(10, 6, 3, .85);
}
body[data-theme="october"] .clock__date,
body[data-theme="october"] .weather__range,
body[data-theme="october"] .weather__summary,
body[data-theme="october"] .weather__stale {
    color: #f3dfc5;
    text-shadow: 0 1px 2px #130b06, 0 0 4px rgba(10, 6, 3, .95), 0 0 8px rgba(10, 6, 3, .70);
}
body[data-theme="october"] .week-day { background: rgba(25, 23, 20, .84); }
/* Keep a handful of sparse leaves in the scene's outer gutter. The foreground
   layer clears all application information, including active Sidebar content. */
body[data-theme="october"] .theme-foreground .weather-atmosphere__particle--leaf {
    left: 98%; width: 13px; height: 7px; opacity: 0;
    background: linear-gradient(100deg, #be7934, #754225);
    animation: october-leaf calc(58s + var(--i) * 13s) linear infinite;
    animation-delay: calc(var(--i) * -21s);
}
@keyframes october-leaf {
    0%, 75% { transform: translate3d(0, -5vh, 0) rotate(0deg); opacity: 0; }
    77% { opacity: .65; }
    94% { opacity: .55; }
    99%, 100% { transform: translate3d(-.2vw, 116vh, 0) rotate(280deg); opacity: 0; }
}
body[data-theme="october"][data-animation-profile="still"] .theme-foreground { display: none; }