/* Atelier, couleurs YouTube (maquettes du 10/11) : rouge pour l'action et l'étape à valider, gris neutres. */
:root {
  --bg: #f9f9f9;
  --surface: #ffffff;
  --ink: #0f0f0f;
  --muted: #606060;
  --line: #e5e5e5;
  --chip: #f2f2f2;
  --chip-active: #0f0f0f;
  --chip-active-ink: #ffffff;
  --accent: #cc0000;
  --accent-ink: #ffffff;
  --accent-soft: #fff0f0;
  --accent-ring: #ffd0d0;
  --warn: #b25e00;
  --warn-soft: #fff4e5;
  --track: #e5e5e5;
  --link: #065fd4;
  --done-dot: #0f0f0f;
  --todo-ring: #aaaaaa;
  --font: Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --radius: 12px;
  --gutter: 16px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f0f0f;
    --surface: #181818;
    --ink: #f1f1f1;
    --muted: #aaaaaa;
    --line: #2a2a2a;
    --chip: #272727;
    --chip-active: #f1f1f1;
    --chip-active-ink: #0f0f0f;
    --accent: #e60023;
    --accent-soft: #272727;
    --accent-ring: #4a1518;
    --warn: #ffb54d;
    --warn-soft: #2e2210;
    --track: #3a3a3a;
    --link: #3ea6ff;
    --done-dot: #f1f1f1;
    --todo-ring: #717171;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0f0f0f;
  --surface: #181818;
  --ink: #f1f1f1;
  --muted: #aaaaaa;
  --line: #2a2a2a;
  --chip: #272727;
  --chip-active: #f1f1f1;
  --chip-active-ink: #0f0f0f;
  --accent: #e60023;
  --accent-soft: #272727;
  --accent-ring: #4a1518;
  --warn: #ffb54d;
  --warn-soft: #2e2210;
  --track: #3a3a3a;
  --link: #3ea6ff;
  --done-dot: #f1f1f1;
  --todo-ring: #717171;
  color-scheme: dark;
}