:root{--access-bg:#ffffff;--access-fg:#203d35;--access-line:#c8cfca;--access-accent:#6b0f2e;--access-on-accent:#ffffff;--access-shadow:0 8px 28px #00000026;--access-surface:#f5f3ef}
html[data-site-theme=dark]{--access-bg:#171c1a;--access-fg:#f2f5f3;--access-line:#56635c;--access-surface:#242c28;color-scheme:dark}
html[data-site-theme=dark] body,html[data-site-theme=dark] .exp-pg{background:var(--access-bg);color:var(--access-fg)}
html[data-site-theme=dark] .exp-pg :is(.bg-white,.bg-sand,.bg-brand-50){background-color:var(--access-surface)!important}
html[data-site-theme=dark] .exp-pg :is(.text-ink,.text-ink-soft,.text-muted,.text-brand-700){color:var(--access-fg)!important}
html[data-site-theme=gray] .exp-pg,html[data-site-theme=gray] .exp-menu,html[data-site-theme=gray] .exp-galeria{filter:grayscale(1)}
#site-preferences{position:fixed;right:16px;bottom:20px;z-index:10001;font:14px system-ui;color:var(--access-fg)}
#site-preferences button,#site-preferences select,#cookie-preferences button{font:inherit;min-height:44px;border:1px solid var(--access-line);border-radius:6px;background:var(--access-bg);color:var(--access-fg);cursor:pointer;padding:8px 12px}
#site-preferences .access-trigger{width:48px;height:48px;border-radius:50%;box-shadow:var(--access-shadow);font-size:24px}
#site-preferences-panel{position:absolute;right:0;bottom:60px;width:min(310px,calc(100vw - 48px));padding:18px;background:var(--access-bg);border:1px solid var(--access-line);border-radius:8px;box-shadow:var(--access-shadow);display:grid;gap:12px}
#site-preferences-panel[hidden],#cookie-preferences[hidden]{display:none}
#site-preferences-panel label{display:grid;gap:6px}#site-preferences-panel select{width:100%}#site-preferences-panel .access-check{display:flex;align-items:center;gap:8px;min-height:44px}#site-preferences-panel input{width:20px;height:20px;accent-color:var(--access-accent)}
#site-preferences-panel button[aria-pressed=true]{background:var(--access-accent);color:var(--access-on-accent)}
#cookie-preferences{position:fixed;inset:auto 16px 16px;z-index:10002;max-width:540px;padding:22px;background:var(--access-bg);color:var(--access-fg);border:1px solid var(--access-line);border-radius:8px;box-shadow:var(--access-shadow);font:14px/1.5 system-ui}
#cookie-preferences h2{font-size:20px;margin:0 0 8px}#cookie-preferences p{margin:0 0 14px}#cookie-preferences a{color:var(--access-fg);text-decoration:underline}#cookie-preferences .cookie-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#cookie-preferences .cookie-primary{background:var(--access-accent);color:var(--access-on-accent);border-color:var(--access-accent)}#cookie-preferences label{display:flex;gap:10px;align-items:center;margin:12px 0}#cookie-preferences input{width:20px;height:20px;accent-color:var(--access-accent)}
#site-preferences :focus-visible,#cookie-preferences :focus-visible{outline:3px solid var(--access-accent);outline-offset:3px}
@media(max-width:600px){#cookie-preferences{bottom:80px;max-height:70svh;overflow:auto}#site-preferences{right:12px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.exp-pg *{scroll-behavior:auto!important;transition:none!important}}
html[data-site-theme=dark] .exp-pg header a.bg-white,html[data-site-theme=dark] .exp-pg header button.bg-white{background:var(--access-surface)!important;color:var(--access-fg)!important}
html[data-site-theme=dark] .exp-pg header a.bg-white span{color:var(--access-fg)!important}
