/* ==========================================================================
   Aluminium Perron — Landing page Pergolas
   tokens.css — source unique des couleurs, de l'échelle typo et des espacements.
   Ce fichier est destiné à être repris tel quel dans le thème enfant WordPress
   et répliqué dans les réglages globaux d'Elementor.
   ========================================================================== */

:root {
  /* --- Palette (Direction artistique, p.6) ------------------------------- */
  --c-cream:      #fcf9f4;  /* fond principal */
  --c-charcoal:   #2e2e2e;  /* texte, sections sombres */
  --c-bronze:     #a08a65;  /* accent unique */
  --c-stone:      #cbcac6;  /* gris froid, surfaces secondaires */
  --c-navy:       #21304d;  /* section performance, profondeur */
  --c-black:      #000000;  /* fini noir, nuit */

  /* Le bleu de la page est le #21304d de la charte, pas le cyan du logo.
     Le cyan reste au logo lui-même, là où il appartient.
     Sur fond charbon le #21304d tombe à 1.1:1 : on n'y met donc pas de bleu
     du tout, les accents y passent en crème. Aucune teinte hors charte. */
  --c-blue:       #21304d;
  --c-logo-ink:   #1d1d1b;
  --c-logo-grey:  #7e7f7f;

  /* Dérivés utilitaires : uniquement des opacités et des mélanges de la charte,
     jamais une nouvelle teinte. */
  --c-cream-dim:   #efeae1;
  --c-hairline:    rgba(46, 46, 46, 0.16);
  --c-hairline-inv:rgba(252, 249, 244, 0.20);
  --c-ink-60:      rgba(46, 46, 46, 0.62);
  --c-paper-70:    rgba(252, 249, 244, 0.74);

  /* rôles */
  --paper: var(--c-cream);
  --ink:   var(--c-charcoal);
  --accent:var(--c-bronze);

  /* --- Typographie ------------------------------------------------------- */
  /* Source Sans Pro / Source Sans 3 (DA p.5). Interligne 1.6, tracking 0. */
  --font: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont,
          "Segoe UI", Helvetica, Arial, sans-serif;

  /* Échelle à écarts francs : 14 / 16 / 19 / 30 / 44 / 84 */
  --fs-micro:  0.875rem;                         /* 14 */
  --fs-small:  1rem;                             /* 16 */
  --fs-body:   1.1875rem;                        /* 19 */
  --fs-nav:    1.0625rem;                        /* 17 — navigation */
  --fs-lead:   clamp(1.375rem, 1.85vw, 1.875rem);/* 22 → 30 */
  --fs-h3:     clamp(1.625rem, 2.4vw, 2.75rem);  /* 26 → 44 */
  --fs-h2:     clamp(2.75rem, 5.9vw, 5.25rem);   /* 44 → 84 */
  --fs-display:clamp(3.25rem, 11.5vw, 9.375rem);

  --lh-tight: 1.02;
  --lh-title: 1.06;
  --lh-body:  1.6;   /* imposé par la DA */
  --ls:       0;     /* imposé par la DA */

  /* --- Espacement --------------------------------------------------------- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: 6rem;
  --sp-7: 9rem;
  --sp-8: 13rem;

  --gutter: clamp(1.25rem, 5vw, 6rem);
  --maxw:   1560px;
  --measure:62ch;

  /* --- Mouvement ---------------------------------------------------------- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.32, 0.72, 0, 1);
  --t-fast:   220ms;
  --t-med:    520ms;
  --t-slow:   900ms;

  --radius: 2px;   /* quasi nul : la DA est architecturale, pas « carte arrondie » */
}