/* Onda Studio — colour. Strictly monochrome. No accent colour anywhere. */
:root{
--ink:#0A0A0B;--paper:#FFFFFF;--bone:#F5F4F2;--dim:#4A4A50;--mute:#83838A;--rule:#DEDCD8;--rule-hard:#B9B7B2;--white:#FFFFFF;
/* Dark-surface values from the live ondastudio.io stylesheet */
--panel:#151518;--rule-dark:#1E1E22;--ink-2:var(--panel);
/* Compliance scope PDFs ONLY — data labels, never brand colour. Never on web, decks or social. */
--status-ok:#1F5D45;--status-conditional:#8A5A12;--status-no:#96332A;
/* Semantic — light theme (decks, documents) is the :root default */
--surface-page:var(--paper);--surface-panel:var(--bone);--surface-solid:var(--ink);
--text-strong:var(--ink);--text-body:var(--dim);--text-muted:var(--mute);--text-on-solid:var(--white);
--border-hair:var(--rule);--border-hard:var(--rule-hard);--border-strong:var(--ink);
--headline-lead:var(--ink);--headline-tail:var(--mute);
--wave-color:var(--ink);
}
/* Dark theme — website and social. Apply data-theme="dark" on any container. */
[data-theme="dark"]{
--surface-page:var(--ink);--surface-panel:var(--ink-2);--surface-solid:var(--white);
--text-strong:var(--white);--text-body:var(--bone);--text-muted:var(--mute);--text-on-solid:var(--ink);
--border-hair:var(--rule-dark);--border-hard:var(--dim);--border-strong:var(--white);
--headline-lead:var(--white);--headline-tail:var(--mute);
--wave-color:var(--white);
}
/* Light theme scope — use inside a dark page for a light inset (e.g. one-pager preview). Mirrors :root. */
[data-theme="light"]{
--surface-page:var(--paper);--surface-panel:var(--bone);--surface-solid:var(--ink);
--text-strong:var(--ink);--text-body:var(--dim);--text-muted:var(--mute);--text-on-solid:var(--white);
--border-hair:var(--rule);--border-hard:var(--rule-hard);--border-strong:var(--ink);
--headline-lead:var(--ink);--headline-tail:var(--mute);
--wave-color:var(--ink);
}