/* Tokens — extrait de public/css/tokens.css (reflet de BRAND/): seulement ce que cette page utilise, car elle est autonome (son propre dossier, déposé tel quel sur Cloudflare) */

/* Petrov Sans: la police des maquettes « En-Construction » (titre, texte d'accroche, boutons) */
@font-face {
  font-family: "Petrov Sans";
  src: url("../fonts/PetrovSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Petrov Sans";
  src: url("../fonts/PetrovSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Petrov Sans";
  src: url("../fonts/PetrovSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs: palette de marque */
  --color-red: #F40009;          /* aplats, boutons, grands titres */
  --color-red-deep: #D40004;     /* texte rouge */
  --color-anthracite: #1C1F24;   /* texte */
  --color-slate: #5A626B;        /* secondaire */
  --color-bg-alt: #F5F6F8;       /* fonds */
  --color-white: #FFFFFF;        /* base */

  /* Couleurs: rôles */
  --text: var(--color-anthracite);
  --text-muted: var(--color-slate);
  --text-accent: var(--color-red-deep);
  --text-on-accent: var(--color-white);
  --surface: var(--color-white);
  --surface-alt: var(--color-bg-alt);
  --accent-fill: var(--color-red);
  --focus-ring: var(--color-red-deep);

  /* Typographie: Inter (texte et interface) vient de l'appareil (system-ui) pour garder la page légère; Petrov Sans est celle des maquettes */
  --font-display: "Petrov Sans", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* Rayons */
  --radius-pill: 999px;

  /* Mouvement */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 220ms;
}