/*
 * Tokens — direction « Atelier ».
 * Remplace intégralement ceux du thème parent : le reste du CSS ne lit que ces
 * variables, il suit donc tout seul.
 */

:root {
  /* Une crème chaude plutôt qu'un blanc papier, et le beige déjà utilisé par
     la boutique depuis 2021 comme couleur de blocs. */
  --papier:        #fbf7ef;
  --papier-creuse: #f0e4ce;
  --encre:         #3b342b;
  --encre-douce:   #6b6151;
  --encre-tenue:   #9a8a72;
  --filet:         #e3d8c4;

  /* L'accent suit toujours l'émail choisi : c'est le geste commun aux deux directions. */
  --accent:        #fd710e;
  --accent-voile:  color-mix(in srgb, var(--accent) 12%, transparent);

  /* Propres à l'Atelier */
  --brun-profond:  #3b342b;
  --brun-clair:    #a99c88;
  --cuivre:        #b08a55;

  --serif:  "Cormorant Garamond", Garamond, Georgia, serif;
  --sans:   "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cursive: "Sacramento", "Snell Roundhand", cursive;

  --corps:       1rem;
  --corps-petit: 0.9375rem;
  --corps-menu:  0.8125rem;

  /* Cormorant a un œil petit : on compense en montant les tailles. */
  --titre-1: clamp(2.5rem, 5.6vw, 3.5rem);
  --titre-2: clamp(1.875rem, 3.6vw, 2.875rem);
  --titre-3: 1.125rem;

  --pas-1: 0.5rem;
  --pas-2: 0.875rem;
  --pas-3: 1.5rem;
  --pas-4: 2.25rem;
  --pas-5: 3.5rem;
  --pas-6: 5.625rem;

  --largeur:   1220px;
  --gouttiere: clamp(1.25rem, 4vw, 3.5rem);

  --trait: 1px solid var(--filet);
}