/* ============================================================
   Adventure Lab — maquette hi-fi · design tokens
   Direction : carnet d'expédition (papier, encre verte, tampon orange)
   Repris du site actuel, avec l'orange assombri pour passer AA.
   ============================================================ */
:root {
  /* Papier */
  --color-paper: #faf4e8;
  --color-paper-2: #f3e9d7;
  --color-card: #fffdf8;
  --color-note: #fbf3df;
  --color-line: #e5dabf;
  --color-line-strong: #cdbf9f;

  /* Encre */
  --color-ink: #2a2b26;
  --color-ink-soft: #5c5d52;   /* 6.1:1 sur papier */
  --color-ink-mute: #6b6c60;   /* 5.2:1 sur carte */

  /* Marque */
  --color-green: #1f4a39;
  --color-green-deep: #143528;
  --color-green-soft: #2f6a51;
  --color-green-wash: #e3ece4;

  /* Orange : #d96f2b (site actuel) ne fait que 3.4:1 sous texte blanc */
  --color-accent: #b8561c;       /* fond de bouton, 4.8:1 avec blanc */
  --color-accent-hover: #9e4714;
  --color-accent-text: #a94f18;  /* texte orange sur papier, 5:1 */
  --color-accent-soft: #f0a768;  /* déco, et texte sur vert profond */
  --color-accent-wash: #fbe6d4;

  /* Sémantique */
  --color-error: #b42318;
  --color-error-wash: #fdecea;
  --color-success: #2f6a51;

  /* Typo (identité du site : Fraunces / Nunito Sans / Caveat en accent) */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: "Caveat", "Segoe Script", cursive;

  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
  --text-lead: clamp(1.06rem, 0.98rem + 0.4vw, 1.22rem);
  --text-h3: clamp(1.12rem, 1.04rem + 0.4vw, 1.35rem);
  --text-q: clamp(1.6rem, 1.2rem + 1.9vw, 2.45rem);
  --text-h2: clamp(1.75rem, 1.3rem + 2.1vw, 2.8rem);
  --text-hero: clamp(2.35rem, 1.3rem + 4.6vw, 4.6rem);
  --text-hand: clamp(1.35rem, 1.15rem + 1vw, 1.85rem);

  /* Espace */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-section: clamp(3.5rem, 2.5rem + 4vw, 7rem);
  --gutter: clamp(1rem, 0.6rem + 2vw, 2rem);
  --maxw: 1160px;
  --maxw-form: 640px;

  /* Formes : rayons volontairement différents selon le rôle */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(31, 42, 25, 0.06), 0 2px 8px rgba(31, 42, 25, 0.06);
  --shadow-md: 0 14px 40px rgba(31, 42, 25, 0.14);
  --shadow-paper: 0 1px 0 var(--color-line-strong), 0 18px 36px -18px rgba(31, 42, 25, 0.35);

  /* Mouvement */
  --duration-fast: 150ms;
  --duration-normal: 320ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --tap: 48px; /* cible tactile mini */

  /* Rôles dérivés : chaque direction (css/themes.css) peut les redéfinir */
  --color-heading: var(--color-green);
  --color-on-dark: #faf4e8;
  --color-tape: rgba(240, 214, 160, 0.78);
  --color-info-wash: #eef2ec;
  --color-info-line: #cddbd0;
  --color-error-field: #fffafa;
  --color-error-line: #f3c1bb;
  --brand-sun: #e07a37;
  --brand-peak: var(--color-green);
  --brand-ridge: var(--color-green-soft);
  --weight-display: 600;
  --radius-btn: var(--radius-pill);
  --shadow-btn: 0 2px 0 var(--color-accent-hover), 0 10px 22px -8px color-mix(in srgb, var(--color-accent) 55%, transparent);
  --shadow-btn-active: 0 0 0 var(--color-accent-hover);
  --bg-atmosphere:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-accent-soft) 10%, transparent), transparent 42%),
    radial-gradient(circle at 92% 70%, color-mix(in srgb, var(--color-green-soft) 7%, transparent), transparent 40%);
}