/* Preset brand palettes, toggled via [data-palette] on . Each preset only overrides the accent colors; surface/text stay neutral so any palette stays readable. */ html[data-palette="ocean"]{ --color-primary:#2563eb; --color-primary-dark:#1d4ed8; --color-primary-light:#dbeafe; --color-accent:#0ea5e9; } html[data-palette="sunset"]{ --color-primary:#ea580c; --color-primary-dark:#c2410c; --color-primary-light:#ffedd5; --color-accent:#f59e0b; } html[data-palette="forest"]{ --color-primary:#16a34a; --color-primary-dark:#15803d; --color-primary-light:#dcfce7; --color-accent:#65a30d; } html[data-palette="berry"]{ --color-primary:#db2777; --color-primary-dark:#be185d; --color-primary-light:#fce7f3; --color-accent:#a855f7; } html[data-palette="indigo"]{ --color-primary:#4f46e5; --color-primary-dark:#4338ca; --color-primary-light:#e0e7ff; --color-accent:#7c3aed; } html[data-palette="slate"]{ --color-primary:#334155; --color-primary-dark:#1e293b; --color-primary-light:#e2e8f0; --color-accent:#0f766e; } html[data-palette="amber"]{ --color-primary:#d97706; --color-primary-dark:#b45309; --color-primary-light:#fef3c7; --color-accent:#dc2626; } html[data-palette="teal"]{ --color-primary:#0d9488; --color-primary-dark:#0f766e; --color-primary-light:#ccfbf1; --color-accent:#2563eb; } /* Dark mode (manual toggle via [data-mode="dark"], independent of palette) */ html[data-mode="dark"]{ --color-bg:#0b1120; --color-surface:#111827; --color-text:#e5e7eb; --color-text-muted:#94a3b8; --color-border:#1f2937; --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 4px 20px rgba(0,0,0,.5); --shadow-lg: 0 16px 40px rgba(0,0,0,.6); } html[data-mode="dark"] .site-nav{ background: rgba(11,17,32,.85); } html[data-mode="dark"] pre{ background:#000; }