/**
 * Valeurs par défaut des jetons de conception.
 *
 * Les composants de ce module s'expriment en variables plutôt qu'en valeurs
 * littérales : c'est ce qui leur permet de servir plusieurs sites sans être
 * dupliqués. Ce fichier donne à ces variables des valeurs neutres, pour qu'un
 * composant reste correct sous un thème qui n'en définit aucune.
 *
 * Un thème redéclare celles qu'il veut dans sa propre feuille, chargée après
 * celle-ci. Il n'a pas à toutes les reprendre — seulement ce qui fait son
 * identité.
 */

/* Les tailles s'entendent bordures et marges intérieures comprises.
 *
 * Sans cette règle, une hauteur donnée en pourcentage de fenêtre s'applique à
 * la seule zone de contenu et les marges intérieures s'y ajoutent : le hero,
 * réglé sur 93 vh, mesurait 848 px pour une fenêtre de 757 et poussait son
 * chevron de défilement hors de l'écran. La feuille n'est chargée qu'avec un
 * composant, donc la règle ne sort pas des pages qui en emploient.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  /* --- Identité : ce qu'un thème redéfinit en premier ------------------- */
  --tc-accent: #1F3D34;
  --tc-accent-light: #E8EFE9;
  --tc-title-on-image: #FFFFFF;

  /* --- Neutres ---------------------------------------------------------- */
  --tc-surface: #FFFFFF;
  --tc-surface-soft: #F6F6F4;
  --tc-surface-muted: #EFEFEF;
  --tc-border: #E3E1DC;
  --tc-border-strong: #A8A8A8;
  --tc-ink: #2A2C29;
  --tc-ink-soft: #5A5C58;
  --tc-ink-faint: #919191;
  --tc-night: #0D0D0D;

  /* --- États ------------------------------------------------------------ */
  --tc-danger: #F44336;
  --tc-success: #1FA97B;
  --tc-caution: #B4541F;

  /* --- Typographie ------------------------------------------------------ */
  --tc-serif: Georgia, "Times New Roman", serif;
  --tc-sans: system-ui, -apple-system, sans-serif;

  --tc-fs-3xs: 11px;
  --tc-fs-2xs: 12px;
  --tc-fs-xs: 13px;
  --tc-fs-sm: 14px;
  --tc-fs-md: 16px;
  --tc-fs-lg: 18px;
  --tc-fs-xl: 20px;
  --tc-fs-2xl: 22px;
  --tc-fs-3xl: 26px;
  --tc-fs-4xl: 30px;
  --tc-fs-5xl: 34px;

  /* --- Espacement ------------------------------------------------------- */
  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-5: 24px;
  --tc-space-6: 32px;
  --tc-space-7: 48px;
  --tc-space-8: 64px;
  --tc-space-9: 96px;

  /* --- Rayons et ombres -------------------------------------------------- */
  --tc-radius-sm: 4px;
  --tc-radius-md: 8px;
  --tc-radius-lg: 30px;
  --tc-radius-pill: 999px;
  --tc-shadow-card: 0 18px 40px rgba(0, 0, 0, .10);

  /* --- Gabarit ----------------------------------------------------------- */
  --tc-max-width: 1280px;
  --tc-gutter: 24px;
  --tc-header-height: 80px;
  --tc-logo-height: 46px;
}

@media (max-width: 900px) {
  :root { --tc-gutter: 20px; }
}