/* ==========================================================================
   AMS Conseil · Design tokens
   Couleurs relevées sur le logo : encre #030408, rouge #C81C18.
   ========================================================================== */
:root {
  /* Couleurs de marque */
  --encre:        #030408;
  --encre-2:      #15171c;
  --encre-3:      #262930;
  --rouge:        #C81C18;
  --rouge-fonce:  #9E1512;
  --rouge-voile:  #FBEDEC;

  /* Neutres froids */
  --blanc:        #FFFFFF;
  --surface:      #F4F5F7;
  --trait:        #E2E4E8;
  --trait-fort:   #C9CCD2;
  --ardoise:      #5D626B;
  --brume:        #8C9099;

  /* États (sobres) */
  --vert:         #2E6A4F;
  --vert-voile:   #EAF3EE;
  --ambre:        #8A5A0B;
  --ambre-voile:  #FBF3E3;

  /* Typographie */
  --f-ui:      "Jost", "Helvetica Neue", Arial, sans-serif;
  --f-titre:   "Spectral", Georgia, "Times New Roman", serif;

  --t-xs:   0.75rem;    /* 12 */
  --t-sm:   0.8125rem;  /* 13 */
  --t-base: 0.9375rem;  /* 15 */
  --t-md:   1.0625rem;  /* 17 */
  --t-lg:   1.375rem;   /* 22 */
  --t-xl:   1.875rem;   /* 30 */
  --t-xxl:  2.625rem;   /* 42 */

  /* Espacements (base 4) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* Formes : rayons différenciés selon la hiérarchie */
  --r-champ:  2px;
  --r-carte:  4px;
  --r-pill:   999px;

  --sidebar-w: 248px;
  --ombre-modale: 0 24px 60px rgba(3, 4, 8, .22);
  --focus: 0 0 0 3px rgba(200, 28, 24, .28);
}