/* =========================================================
   Feuilleton — Design tokens
   Palette, typographie, espacements, ombres.
   Ce fichier ne contient AUCUN style : uniquement des variables
   et les @font-face. Ne rien styler ici.
   ========================================================= */

/* ---------- Polices auto-hébergées ---------- */
@font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/playfair-700.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/lora-400.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/lora-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/inter-600.woff2") format("woff2");
}

/* ---------- Thème clair (par défaut) ---------- */
:root {
  /* Couleurs — palette "chic littéraire" */
  --cream:         #FAF6EF;   /* fond papier */
  --cream-deep:    #F1E9DB;   /* fonds secondaires, cartes */
  --ink:           #1C1A17;   /* texte principal */
  --ink-soft:      #4A453D;   /* texte secondaire */
  --ink-faint:     #8A857B;   /* texte tertiaire, métadonnées */
  --bordeaux:      #6E2B3A;   /* accent principal */
  --bordeaux-dark: #55202C;   /* accent pressé/hover */
  --gold:          #A8834B;   /* accent secondaire (filets, lettrines) */
  --gold-soft:     #C9A46B;
  --border:        rgba(28, 26, 23, 0.12);
  --success:       #3F6B4F;
  --danger:        #A23131;

  /* Typographie */
  --font-display: "Playfair Display", Georgia, serif;
  --font-read:    "Lora", Georgia, serif;
  --font-ui:      "Inter", system-ui, -apple-system, sans-serif;

  /* Mesures de lecture */
  --measure:      65ch;      /* colonne 60–70 caractères */
  --line-read:    1.75;      /* interligne du corps de chapitre */

  /* Formes et ombres */
  --radius:       14px;
  --radius-sm:    8px;
  --shadow-card:  0 2px 18px rgba(28, 26, 23, 0.07);
  --shadow-cover: 0 12px 32px rgba(28, 26, 23, 0.18);

  /* Rythme vertical */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Largeurs de conteneur */
  --container: 1200px;
  --container-narrow: 720px;
}

/* ---------- Thème sombre ---------- */
[data-theme="dark"] {
  --cream:         #14120F;
  --cream-deep:    #1D1A16;
  --ink:           #EDE6DA;
  --ink-soft:      #A9A196;
  --ink-faint:     #6E6960;
  --bordeaux:      #8E3D50;
  --bordeaux-dark: #A64B5F;
  --gold:          #C9A46B;
  --gold-soft:     #D9BC8B;
  --border:        rgba(237, 230, 218, 0.14);
  --success:       #6FA57C;
  --danger:        #D16565;
  --shadow-card:   0 2px 18px rgba(0, 0, 0, 0.4);
  --shadow-cover:  0 12px 32px rgba(0, 0, 0, 0.55);
}