/*
 * Tokens de design Cloee — SEUL fichier où sont définies couleurs et polices (constitution IV).
 * Palette : docs/couleursv2.jpg (+ teintes dérivées, mélange avec le blanc). Mise en page : maquettes
 * « Chloee — Maquette app ». Contrastes WCAG mesurés :
 *   bleu nuit / crème 11.7:1 · / blanc 12.4:1 · / teinte 10.3:1          ✅
 *   texte atténué #455E76 / crème 6.4:1 · / blanc 6.7:1 · / teinte 5.6:1  ✅
 *   blanc / bleu nuit 12.4:1                                              ✅
 *   corail : 2.9:1 à 4.0:1 selon le fond → décoratif uniquement, jamais porteur de texte.
 */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("../fonts/CormorantGaramond-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/EBGaramond-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/EBGaramond-Italic.woff2") format("woff2");
}

:root {
  color-scheme: light;

  /* Palette */
  --color-corail: #ff5757;
  --color-creme: #fff8e7;
  --color-blanc: #ffffff;
  --color-nuit: #163654;
  --color-gris: #c8d1d9;

  /* Teintes dérivées de la palette */
  --color-nuit-80: #455e76; /* bleu nuit 80 % + blanc */
  --color-gris-55: #e1e6ea; /* gris bleuté 55 % + blanc */
  --color-gris-45: #e6eaee; /* gris bleuté 45 % + blanc */
  --color-gris-30: #eff1f4; /* gris bleuté 30 % + blanc */

  /* Rôles */
  --bg: var(--color-creme);
  --surface: var(--color-blanc);
  --text: var(--color-nuit);
  --text-muted: var(--color-nuit-80);
  --border: var(--color-gris-55);
  --tint: var(--color-gris-45); /* blocs, sélection douce */
  --tint-soft: var(--color-gris-30); /* pastilles de créneaux */
  --primary: var(--color-nuit);
  --on-primary: var(--color-blanc);
  --accent: var(--color-corail); /* décoratif : pastilles, filets, focus */
  --focus-ring: var(--color-corail);

  /* Typographie */
  --font-title: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "EB Garamond", Georgia, "Times New Roman", serif;

  /* Formes */
  --radius-card: 16px;
  --radius-block: 20px;
  --radius-chip: 12px;
  --radius-pill: 999px;
  --radius-slot: 8px;
  --shadow: 0 1px 2px rgb(22 54 84 / 6%);
}