/* =========================================================
   V24 THEME TOKENS
========================================================= */
:root {
    color-scheme: dark;
    --app-focus: rgba(255,216,108,0.62);
    --app-focus-soft: rgba(255,216,108,0.18);
    --app-control-min: 34px;
    --app-touch-target: 44px;
    --app-radius-control: 12px;
    --app-radius-panel: 22px;
    --app-transition-fast: 120ms ease;
    --app-transition-medium: 180ms ease;
    --app-shadow-static: 0 12px 30px rgba(0,0,0,0.32);
    --app-shadow-soft: 0 6px 18px rgba(0,0,0,0.22);
    --marker-size-small: 24px;
    --marker-size-medium: 30px;
    --marker-size-large: 40px;
    --marker-size-adaptive: clamp(26px, 1.8vw, 42px);
    --section-sticky-top: 0px;
    --panel-surface: rgba(8, 18, 28, 0.94);
    --panel-surface-strong: rgba(8, 18, 28, 0.98);
}
:root[data-appearance="light"] {
    color-scheme: light;
    --bg: #f3f0e7;
    --bg-deep: #dbd4c4;
    --text: #18202a;
    --text-soft: #303946;
    --text-muted: #66717f;
    --text-faint: #87919e;
    --border: rgba(24,32,42,0.18);
    --border-strong: rgba(24,32,42,0.28);
    --gold: #9d6900;
    --green: #217542;
    --panel-surface: rgba(250,248,241,0.94);
    --panel-surface-strong: rgba(255,255,255,0.98);
    --app-shadow-static: 0 12px 30px rgba(63,53,34,0.18);
    --app-shadow-soft: 0 6px 18px rgba(63,53,34,0.12);
}
:root[data-density="compact"] { --app-control-min: 30px; --app-touch-target: 38px; }
:root[data-density="large"] { --app-control-min: 40px; --app-touch-target: 48px; }
:root[data-marker-scale="small"] { --hotspot-size-runtime: var(--marker-size-small); }
:root[data-marker-scale="medium"] { --hotspot-size-runtime: var(--marker-size-medium); }
:root[data-marker-scale="large"] { --hotspot-size-runtime: var(--marker-size-large); }
:root[data-marker-scale="adaptive"], :root:not([data-marker-scale]) { --hotspot-size-runtime: var(--marker-size-adaptive); }