/* =============================================================
   OMES Avocats — Tokens de la charte graphique
   Source : docs/charte-graphique-omes.md
   Ce fichier est le SEUL endroit où les valeurs de marque sont
   définies. Pour décliner la plateforme sur une autre verticale
   (droit du travail, crédit conso), il suffit de changer
   --brand et --brand-deep ici.
   ============================================================= */

:root {
  /* --- Palette de marque ------------------------------------ */
  --cream:        #F4F1EA;  /* fond de page par défaut          */
  --coral:        #E38268;  /* couleur de marque                */
  --coral-deep:   #B4573C;  /* accent lisible sur fond clair    */
  --terracotta:   #9C5030;  /* accent alternatif                */
  --ink:          #1C1815;  /* texte, fonds sombres             */
  --grey:         #7A7468;  /* texte secondaire                 */
  --white:        #FFFFFF;

  /* Alias sémantiques : c'est ce qu'utilisent les composants.
     Repointer ces 2 lignes suffit à changer de verticale. */
  --brand:        var(--coral);
  --brand-deep:   var(--coral-deep);

  /* Vert de validation. Ce n'est pas une couleur de marque — la charte
     écarte le vert à ce titre — mais un signal d'état : dossier abouti.
     Désaturé pour cohabiter avec le corail sans jurer. */
  --success:      #4A7C59;
  --success-wash: rgba(74, 124, 89, 0.14);

  /* Vert émeraude de l'action d'engagement (lancer une procédure).
     Plus saturé que le vert d'état ci-dessus, et assez sombre pour
     porter du texte blanc en respectant les contrastes. */
  --emerald:      #1B7A5A;
  --emerald-deep: #146147;

  /* Teintes dérivées (fonds doux, bordures) */
  --brand-wash:   rgba(227, 130, 104, 0.14);
  --brand-wash-2: rgba(227, 130, 104, 0.08);
  --hairline:     rgba(28, 24, 21, 0.06);
  --hairline-2:   rgba(28, 24, 21, 0.12);

  /* --- Typographie ------------------------------------------ */
  --font-display: 'Outfit', 'Helvetica Neue', Arial, sans-serif;  /* titres, UI  */
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;   /* texte       */
  --font-serif:   'EB Garamond', Georgia, 'Times New Roman', serif; /* citations */

  /* --- Rayons ----------------------------------------------- */
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* --- Rythme vertical -------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 84px;

  /* --- Ombres ----------------------------------------------- */
  --shadow-sm: 0 2px 8px rgba(28, 24, 21, 0.05);
  --shadow-md: 0 8px 24px rgba(28, 24, 21, 0.07);
  --shadow-lg: 0 12px 32px rgba(28, 24, 21, 0.08);

  /* --- Layout ----------------------------------------------- */
  --wrap: 1120px;
  --wrap-narrow: 760px;

  /* --- Transitions ------------------------------------------ */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.22s;
}