/* Valeurs de design d'Architrav : thème clair de l'app (lib/theme/architrav_colors.dart
   et maquettes architrav-ecran*.html). Pas de thème sombre sur le site.
   Seul fichier qui porte des valeurs : les autres feuilles ne font que les consommer.
   Les commentaires « contrast » sont lus par tools/check.py (≥ 4.5:1). */

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Crème / encre / terracotta */
  --bg: #F6F0E6;
  --surface: #FFFFFF;
  --text: #23211D;
  --text-muted: #6B675E;
  --line: #E3DDCE;
  --accent: #C4623B; /* identité de marque : aplats et gros titres blancs uniquement (4.07:1 avec du blanc) */
  --accent-soft: #F1DCD1; /* fonds décoratifs, jamais de texte dessus */
  --accent-text: #A94A24;
  --accent-strong: #A94A24;
  --on-accent-strong: #FFFFFF;
  /* Épingles de la carte : trois paliers de la même famille */
  --pin-flashy: #C4623B;
  --pin-mid: #D9A583;
  --pin-neutral: #A39B8B;
  /* Pièce manquante */
  --todo-text: #B00000;
  --todo-bg: #FBE3E0;
  --shadow: 0 1px 2px rgb(35 33 29 / 0.06), 0 8px 24px rgb(35 33 29 / 0.08);
  /* contrast: --text on --bg */
  /* contrast: --text on --surface */
  /* contrast: --text-muted on --bg */
  /* contrast: --text-muted on --surface */
  /* contrast: --accent-text on --bg */
  /* contrast: --accent-text on --surface */
  /* contrast: --on-accent-strong on --accent-strong */
  /* contrast: --todo-text on --todo-bg */

  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius-card: 16px;
  --radius-sheet: 20px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4.5rem;

  --content: 68rem;
  --prose: 42rem;
  --gutter: 1.25rem;
}
