/* Generated by build.py from PALETTES: colour combinations to test. */
:root[data-palette="teal"]:not([data-theme="dark"]) { --bg: #f6f7f9; --border: #e5e7eb; --brand: #0d9488; --brand-strong: #0f766e; --brand-ink: #ffffff; --brand-soft: #e6f6f4; --btn-bg: #0f766e; --btn-bg-hover: #115e59; }
:root[data-palette="teal"][data-theme="dark"] { --surface: #131a26; --bg: #0b0f17; --border: #222c3b; --brand: #2dd4bf; --brand-strong: #5eead4; --brand-ink: #04211e; --brand-soft: #0f2a29; --btn-bg: #2dd4bf; --btn-bg-hover: #5eead4; }
:root[data-palette="indigo"]:not([data-theme="dark"]) { --bg: #f6f7fb; --border: #e4e6f0; --brand: #4f46e5; --brand-strong: #4338ca; --brand-ink: #ffffff; --brand-soft: #eef0ff; --btn-bg: #4f46e5; --btn-bg-hover: #4338ca; }
:root[data-palette="indigo"][data-theme="dark"] { --surface: #141729; --bg: #0c0e1a; --border: #252a42; --brand: #a5b4fc; --brand-strong: #c7d2fe; --brand-ink: #1e1b4b; --brand-soft: #1f2140; --btn-bg: #a5b4fc; --btn-bg-hover: #c7d2fe; }
:root[data-palette="ocean"]:not([data-theme="dark"]) { --bg: #f5f7fb; --border: #e3e8f0; --brand: #2563eb; --brand-strong: #1d4ed8; --brand-ink: #ffffff; --brand-soft: #e8f0ff; --btn-bg: #2563eb; --btn-bg-hover: #1d4ed8; }
:root[data-palette="ocean"][data-theme="dark"] { --surface: #121a2b; --bg: #0a0f1c; --border: #22304a; --brand: #60a5fa; --brand-strong: #93c5fd; --brand-ink: #071833; --brand-soft: #11223f; --btn-bg: #60a5fa; --btn-bg-hover: #93c5fd; }
:root[data-palette="emerald"]:not([data-theme="dark"]) { --bg: #f5f8f6; --border: #e2e9e4; --brand: #059669; --brand-strong: #047857; --brand-ink: #ffffff; --brand-soft: #e6f5ee; --btn-bg: #047857; --btn-bg-hover: #065f46; }
:root[data-palette="emerald"][data-theme="dark"] { --surface: #101c16; --bg: #08110d; --border: #1f3229; --brand: #34d399; --brand-strong: #6ee7b7; --brand-ink: #022c1c; --brand-soft: #0f2a1f; --btn-bg: #34d399; --btn-bg-hover: #6ee7b7; }
:root[data-palette="violet"]:not([data-theme="dark"]) { --bg: #f8f7fc; --border: #e8e5f2; --brand: #7c3aed; --brand-strong: #6d28d9; --brand-ink: #ffffff; --brand-soft: #f1ebfe; --btn-bg: #7c3aed; --btn-bg-hover: #6d28d9; }
:root[data-palette="violet"][data-theme="dark"] { --surface: #171327; --bg: #0e0b18; --border: #2a2342; --brand: #c4b5fd; --brand-strong: #ddd6fe; --brand-ink: #2e1065; --brand-soft: #221a3d; --btn-bg: #c4b5fd; --btn-bg-hover: #ddd6fe; }