/* ==========================================================================
   RACINE WEB — DESIGN TOKENS
   --------------------------------------------------------------------------
   Source unique de verite. Aucune valeur reutilisable ne doit etre ecrite
   en dur ailleurs : tout passe par ces variables.

   Accent : #0035AD, releve par analyse des pixels du logo (6 627 px dominants).
   Neutres : methode Apple (ecarts extremes, un seul accent), transposes vers
   le bleu du logo au lieu du bleu Apple.
   ========================================================================== */

:root {

  /* ---- Fonds ---------------------------------------------------------- */
  --rw-bg:            #FFFFFF;
  --rw-bg-alt:        #F4F5F8;   /* section alternee */
  --rw-bg-deep:       #0A1330;   /* fond sombre derive du bleu logo */

  /* ---- Texte ---------------------------------------------------------- */
  --rw-ink:           #15171D;   /* texte principal — 16.9:1 sur blanc */
  --rw-ink-2:         #6B6F7D;   /* texte secondaire — 5.0:1 sur blanc */
  --rw-ink-inv:       #FFFFFF;
  --rw-ink-inv-2:     #B6BDD2;   /* secondaire sur fond sombre */

  /* ---- Accent unique -------------------------------------------------- */
  --rw-accent:        #0035AD;   /* bleu du logo — 9.9:1 sur blanc */
  --rw-accent-hover:  #002A8C;
  --rw-accent-soft:   #EAEFFA;
  --rw-accent-on:     #FFFFFF;   /* texte pose sur l'accent */
  --rw-accent-light:  #7FA0F0;   /* accent lisible sur fond sombre — 7.1:1 */
  --rw-accent-light-2:#E9EDF7;   /* survol sur fond sombre */

  /* ---- Etats ---------------------------------------------------------- */
  --rw-error:         #B3261E;

  /* ---- Filets et bordures ---------------------------------------------
     --rw-line et --rw-line-strong sont des separateurs decoratifs : le
     critere WCAG 1.4.11 (3:1) ne s'y applique pas, il vise les composants
     d'interface. --rw-border-ui, lui, sert aux champs de formulaire et
     tient 3.61:1 sur blanc / 3.31:1 sur fond alterne — verifie par calcul.
     --------------------------------------------------------------------- */
  --rw-line:          #E3E5EC;
  --rw-line-strong:   #C9CDD9;
  --rw-border-ui:     #7F8798;
  --rw-line-inv:      rgba(255,255,255,.14);

  /* ---- Typographie ---------------------------------------------------- */
  --rw-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  /* Echelle — desktop */
  --rw-fs-display:    68px;
  --rw-fs-h1:         48px;
  --rw-fs-h2:         36px;
  --rw-fs-h3:         24px;
  --rw-fs-lead:       21px;
  --rw-fs-body:       17px;
  --rw-fs-small:      13px;

  /* Interlettrage — la signature du rendu */
  --rw-ls-display:    -.022em;
  --rw-ls-h1:         -.022em;
  --rw-ls-h2:         -.020em;
  --rw-ls-h3:         -.015em;
  --rw-ls-lead:       -.012em;
  --rw-ls-body:       -.010em;
  --rw-ls-label:      .06em;

  /* Hauteurs de ligne */
  --rw-lh-display:    1.06;
  --rw-lh-title:      1.1;
  --rw-lh-lead:       1.42;
  --rw-lh-body:       1.55;

  /* Graisses */
  --rw-fw-regular:    400;
  --rw-fw-medium:     500;
  --rw-fw-semi:       600;
  --rw-fw-bold:       700;

  /* ---- Espacements ---------------------------------------------------- */
  --rw-s-1:           4px;
  --rw-s-2:           8px;
  --rw-s-3:           12px;
  --rw-s-4:           16px;
  --rw-s-5:           24px;
  --rw-s-6:           32px;
  --rw-s-7:           48px;
  --rw-s-8:           64px;
  --rw-s-9:           96px;
  --rw-s-10:          140px;

  /* Rythme vertical des sections */
  --rw-section:       140px;   /* section majeure */
  --rw-section-sm:    96px;    /* section de transition */

  /* ---- Largeurs ------------------------------------------------------- */
  --rw-w-text:        680px;   /* colonne de lecture */
  --rw-w-content:     1100px;
  --rw-w-wide:        1440px;

  /* ---- Rayons --------------------------------------------------------- */
  --rw-r-sm:          6px;
  --rw-r:             12px;
  --rw-r-lg:          18px;
  --rw-r-pill:        980px;

  /* ---- Ombres — discretes, jamais decoratives ------------------------- */
  --rw-shadow-sm:     0 1px 2px rgba(10,19,48,.05);
  --rw-shadow:        0 4px 20px -8px rgba(10,19,48,.14);

  /* ---- Mouvement ------------------------------------------------------ */
  --rw-ease:          cubic-bezier(.28,.11,.32,1);
  --rw-t-fast:        200ms;
  --rw-t:             400ms;
  --rw-t-slow:        500ms;
}

/* ---- Echelle mobile ---------------------------------------------------
   Les points de rupture ne peuvent pas etre des variables CSS : ils sont
   documentes ici et repris tels quels dans responsive.css.
   734px / 980px / 1100px — alignes sur ceux de Divi.
   --------------------------------------------------------------------- */
@media (max-width: 980px) {
  :root {
    --rw-fs-display:  44px;
    --rw-fs-h1:       38px;
    --rw-fs-h2:       30px;
    --rw-fs-h3:       22px;
    --rw-fs-lead:     19px;
    --rw-section:     96px;
    --rw-section-sm:  72px;
  }
}

@media (max-width: 734px) {
  :root {
    --rw-fs-display:  40px;
    --rw-fs-h1:       34px;
    --rw-fs-h2:       28px;
    --rw-fs-h3:       21px;
    --rw-fs-lead:     18px;
    --rw-fs-body:     17px;
    --rw-section:     76px;
    --rw-section-sm:  56px;
  }
}