:root{--ops-brand:#0d9488;--ops-bg:#f5f7fb;--ops-surface:#fff;--ops-text:#172b3a;--ops-muted:#64748b;--ops-border:#e2e8f0}html[data-accent=blue]{--ops-brand:#2563eb}html[data-accent=indigo]{--ops-brand:#4f46e5}html[data-accent=purple]{--ops-brand:#7c3aed}html[data-accent=amber]{--ops-brand:#b45309}html[data-accent=rose]{--ops-brand:#e11d48}html[data-accent=emerald]{--ops-brand:#059669}html[data-theme=dark]{--ops-bg:#0b1726;--ops-surface:#132333;--ops-text:#e2e8f0;--ops-muted:#a8b5c7;--ops-border:#334155}html,body{background:var(--ops-bg);color:var(--ops-text)}.card,header,table,td,th,input,select,textarea{background:var(--ops-surface);color:var(--ops-text);border-color:var(--ops-border)}p,small,.muted{color:var(--ops-muted)}a{color:var(--ops-brand)}button,.button{background:var(--ops-brand);color:#fff}.secondary{background:var(--ops-surface);color:var(--ops-text);border-color:var(--ops-border)}input:focus,select:focus,textarea:focus{outline:2px solid var(--ops-brand);outline-offset:2px}aside nav a.active{color:var(--ops-brand);background:color-mix(in srgb,var(--ops-brand) 20%,transparent)}

html[data-accent=red]{--ops-brand:#dc2626}a{color:var(--ops-link,var(--ops-brand))}