/*
 * Thème « marche » — direction B (ECL-21).
 *
 * Il n'est pas là pour être joli : il est là pour PROUVER que la bascule est
 * vraie. Un métier qui ne se raconte pas la nuit — un acheteur, un artisan,
 * une équipe terrain — reprend ces tokens et rien d'autre change : ni un écran,
 * ni une ligne de `public/js/pages/quest.js`.
 *
 * Le parti pris : le jour, le papier, l'ardoise. Fond clair, cartes opaques,
 * bordures franches, coins presque droits, densité serrée. La preuve est là :
 * les mêmes écrans, en clair, sans un `if (theme === …)` nulle part.
 *
 * `--q-ai` reste le seul accent qui désigne un moment IA. Il change de teinte
 * (l'ambre du jaune ne tient pas sur du papier), pas de rôle.
 */

.quest-v2[data-quest-theme='marche'] {
  /* palette — plein jour */
  --q-bg-1: #ffffff;
  --q-bg-2: #f4f1ea;
  --q-bg-3: #e8e2d5;
  /* Du papier : aucune trame. Le token est là parce que le contrat l'exige. */
  --q-bg-texture: none;
  --q-surface: #ffffff;
  --q-surface-2: #f7f4ee;
  --q-border: #d6cfc0;
  --q-border-strong: #8c8370;
  --q-text: #1d1b16;
  --q-text-muted: #5c564a;
  --q-text-dim: #8c8370;
  --q-ai: #b26a00;
  --q-ai-soft: rgb(178 106 0 / 12%);
  /* L'ambre tient les deux rôles : il remplit et il écrit, sur du papier
     comme sur du blanc (ECL-51). Ce qui s'écrit SUR lui est blanc. */
  --q-ai-ink: #b26a00;
  --q-ai-on: #ffffff;
  --q-primary: #1f4d3d;
  --q-primary-soft: rgb(31 77 61 / 12%);
  --q-primary-ink: #1d1b16;
  --q-good: #1f7a4d;
  --q-bad: #a52620;
  --q-bad-ink: #a52620;
  --q-warn: #8a5a00;
  /* Aucune pastille : l'ardoise marque par la bordure, pas par l'aplat. */
  --q-on-bg: transparent;
  --q-on-ink: #b26a00;
  --q-brand-bg: transparent;
  --q-brand-ink: #1d1b16;

  /* typographie — une seule famille, des graisses : l'ardoise, pas l'affiche */
  --q-font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --q-font-title: 'Inter', system-ui, -apple-system, sans-serif;
  --q-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --q-display-weight: 700;
  --q-display-size: 1.75rem;
  --q-display-tracking: -0.01em;

  /* formes — presque droit */
  --q-radius: 4px;
  --q-radius-sm: 3px;
  --q-radius-pill: 4px;
  --q-border-width: 2px;
  --q-tilt: 0deg;

  /* profondeur — du papier posé sur du papier */
  --q-shadow: 0 1px 0 rgb(29 27 22 / 12%), 0 6px 16px rgb(29 27 22 / 8%);
  --q-shadow-sm: none;
  --q-glow: 0 0 0 2px rgb(178 106 0 / 45%);

  /* densité — serré */
  --q-gap: 14px;
  --q-gap-sm: 8px;
  --q-pad: 14px;
  --q-pad-sm: 9px;

  /* mouvement — plus court : en plein jour, rien ne traîne */
  --q-motion-fast: 110ms;
  --q-motion-slow: 340ms;
  --q-ease: cubic-bezier(0.4, 0, 0.2, 1);
}