/* ============================================================
   SeniorService.Plus — Design tokens
   Palette validée par Tom (20/08/2026) : marine + turquoise du logo.
   Public cible : seniors et aidants → corps de texte plus grand
   que la moyenne, contrastes élevés (AA/AAA), cibles tactiles larges.
   ============================================================ */

:root {
  /* --- Marque --- */
  --ssp-marine-900: #14264a;
  --ssp-marine-700: #1e3a6e;   /* bleu marine du logo — texte fort, header */
  --ssp-marine-500: #2c4f8f;
  --ssp-turquoise-700: #1e8672; /* turquoise foncé — accessible sur fond clair */
  --ssp-turquoise-500: #2fb89d; /* turquoise du logo — accents, icônes */
  --ssp-turquoise-100: #e2f6f1;
  --ssp-degrade-marque: linear-gradient(135deg, var(--ssp-marine-700) 0%, var(--ssp-turquoise-500) 100%);

  /* --- Neutres --- */
  --ssp-fond: #fafbfd;
  --ssp-surface: #ffffff;
  --ssp-bordure: #d6dde8;
  --ssp-texte: #1c2634;        /* contraste ≥ 12:1 sur fond */
  --ssp-texte-2: #46566c;      /* contraste ≥ 7:1 */

  /* --- États --- */
  --ssp-succes: #1e7d43;
  --ssp-succes-fond: #e6f4ec;
  --ssp-erreur: #b3261e;
  --ssp-erreur-fond: #fceeed;
  --ssp-info-fond: #e9f0fb;

  /* --- Typographie : lisible et rassurante, système (0 fonte à charger) --- */
  --ssp-font: "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --ssp-taille-base: 18px;     /* volontairement > 16px pour le public senior */
  --ssp-taille-petit: 16px;
  --ssp-taille-h1: 34px;
  --ssp-taille-h2: 26px;
  --ssp-taille-h3: 21px;
  --ssp-interligne: 1.65;

  /* --- Espacement & formes --- */
  --ssp-espace-1: 6px;
  --ssp-espace-2: 12px;
  --ssp-espace-3: 20px;
  --ssp-espace-4: 32px;
  --ssp-espace-5: 52px;
  --ssp-rayon: 12px;
  --ssp-rayon-grand: 20px;
  --ssp-ombre: 0 2px 10px rgba(20, 38, 74, 0.08);
  --ssp-ombre-forte: 0 6px 24px rgba(20, 38, 74, 0.14);

  /* --- Accessibilité --- */
  --ssp-cible-min: 48px;       /* taille minimale des zones cliquables */
  --ssp-focus: 3px solid var(--ssp-turquoise-700);
}