/* Generated by scripts/build_tokens.mjs from site/assets/js/color.mjs. Do not edit by hand.
   Neutrals are fixed per theme; one color for the whole site; every role and the six palette steps derive from it.
   Clamped colors (moved to reach 3:1 on the page background):
   - home dark: #d00538 -> #d20a39 (contrast on --bg 2.99 -> 3.05)
*/
:root {
  color-scheme: dark;
  --bg: #1e1e1e;
  --surface: #282828;
  --text: #edf4ed;
  --text-dim: #adadad;
  --border: #3c3c3c;
  --accent: #d20a39;
  --accent-hover: #b5002e;
  --accent-text: #ffffff;
  --accent-ink: #ff4e5f;
  --accent-surface: #382222;
  --accent-border: #dd2041;
  --focus: #ff4e5f;
  --p1: #270636;
  --on-1: #edf4ed;
  --ink-1: #9c79b0;
  --p2: #57114b;
  --on-2: #edf4ed;
  --ink-2: #b86ca6;
  --p3: #8c1e51;
  --on-3: #edf4ed;
  --ink-3: #d1608c;
  --p4: #e36531;
  --on-4: #1e1e1e;
  --ink-4: #e36531;
  --p5: #f39b3f;
  --on-5: #1e1e1e;
  --ink-5: #f39b3f;
  --p6: #f9d076;
  --on-6: #1e1e1e;
  --ink-6: #f9d076;
  --near-1: #d1608c;
  --near-2: #e36531;
  --near-3: #b86ca6;
  --near-4: #f39b3f;
  --near-5: #9c79b0;
  --near-6: #f9d076;
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #edf4ed;
  --surface: #f7faf7;
  --text: #1e1e1e;
  --text-dim: #525952;
  --border: #c9d2c9;
  --accent: #d00538;
  --accent-hover: #b2002e;
  --accent-text: #ffffff;
  --accent-ink: #d00538;
  --accent-surface: #fddedd;
  --accent-border: #d00538;
  --focus: #d00538;
  --p1: #270636;
  --on-1: #edf4ed;
  --ink-1: #270636;
  --p2: #57114b;
  --on-2: #edf4ed;
  --ink-2: #57114b;
  --p3: #8c1e51;
  --on-3: #edf4ed;
  --ink-3: #8c1e51;
  --p4: #e36531;
  --on-4: #1e1e1e;
  --ink-4: #c14501;
  --p5: #f39b3f;
  --on-5: #1e1e1e;
  --ink-5: #a25d00;
  --p6: #f9d076;
  --on-6: #1e1e1e;
  --ink-6: #8b6900;
  --near-1: #8c1e51;
  --near-2: #c14501;
  --near-3: #57114b;
  --near-4: #a25d00;
  --near-5: #270636;
  --near-6: #8b6900;
}