:root{--follo-bg:#081329;--follo-text:#f4f8ff;--follo-accent:#42b9ff;--follo-radius:16px;--follo-space:20px;--follo-surface:color-mix(in srgb,var(--follo-bg) 85%,var(--follo-accent));color-scheme:dark}html[data-follo-mode="light"]{color-scheme:light}.follo-themed{background:var(--follo-bg);color:var(--follo-text)}.follo-card{background:var(--follo-surface);border:1px solid color-mix(in srgb,var(--follo-accent) 38%,transparent);border-radius:var(--follo-radius);padding:var(--follo-space)}.follo-button{background:var(--follo-accent);color:var(--follo-on-accent);border:0;border-radius:var(--follo-radius);padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.follo-button:focus-visible{outline:3px solid var(--follo-text);outline-offset:3px}@media(prefers-reduced-motion:reduce){.follo-themed *{animation:none!important;transition:none!important}}

.follo-themed input,.follo-themed select{accent-color:var(--follo-accent)}.follo-themed :focus-visible{outline:3px solid var(--follo-accent);outline-offset:3px}.follo-muted{opacity:.82}.follo-theme-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.follo-theme-preview .follo-card{min-height:90px}

/* v1.8 accessibility and touch targets */
button:focus-visible,input:focus-visible,select:focus-visible,.buttons label:focus-within{outline:3px solid var(--follo-accent);outline-offset:3px}
.tile{min-height:94px}.buttons button,.buttons label{min-height:44px}.controls input[type=color]{min-height:44px}
@media(max-width:780px){.buttons button,.buttons label{flex:1 1 100%;text-align:center}.tile small{white-space:normal;overflow-wrap:anywhere;line-height:1.25}}