/* ==========================================================================
   Astolfi Automobiles – design tokens
   Source unique des valeurs. Aucune valeur de design ne doit être écrite
   en dur ailleurs : composants et pages ne font que lire ces variables.
   ========================================================================== */

/* Anonymous Pro (Google Fonts, licence OFL) : auto-hébergée, pas de requête vers Google.
   Déposer AnonymousPro-Regular.ttf dans assets/fonts (voir README). */
@font-face { font-family: "Anonymous Pro"; src: local("Anonymous Pro"), local("AnonymousPro-Regular"), url("../assets/fonts/AnonymousPro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

/* Polymath : décommenter quand les fichiers sont dans assets/fonts */
/*
@font-face { font-family: "Polymath"; src: url("../assets/fonts/Polymath-Bold.woff2") format("woff2"); font-weight: 700 800; font-display: swap; }
@font-face { font-family: "Polymath"; src: url("../assets/fonts/Polymath-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
*/

:root {
  /* Couleurs (relevées sur les visuels de marque) */
  --anthracite: #201e1f;  /* fond principal                       */
  --papier: #e8e4e3;      /* fond clair                            */
  --rouge: #ad0908;       /* aplat : jamais en texte sur sombre    */
  --rouge-vif: #f21011;   /* monogramme uniquement                 */
  --creme: #fffdf4;       /* texte sur sombre ou sur rouge         */
  --gris: #a6a6a6;        /* texte secondaire sur sombre           */
  --filet-clair: rgb(255 253 244 / .25);
  --filet-sombre: rgb(32 30 31 / .25);

  /* Typographie */
  --f-titre: "Polymath", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "Anonymous Pro", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-display: clamp(2.9rem, 12vw, 8.5rem);
  --fs-h1: clamp(2.25rem, 7vw, 4.5rem);
  --fs-verbe: clamp(2.5rem, 9vw, 6rem);
  --fs-adresse: clamp(1.75rem, 5.5vw, 3.5rem);
  --fs-h3: 1.625rem;
  --fs-lead: 1.125rem;
  --fs-body: 1.0625rem;
  --fs-label: 1rem;  /* Anonymous Pro est petite à corps égal : 1rem ≈ 0,875rem en sans */
  --track-titre: -.035em;
  --track-label: .06em;

  /* Espacements : base 4 px */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem;
  --s-section: clamp(4.5rem, 12vw, 9rem);

  /* Grille */
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --wrap: 80rem;
  --bp-md: 48em;   /* référence : à répéter dans les @media (les variables n'y fonctionnent pas) */
  --bp-lg: 64em;

  /* Coupe oblique : angle du A ≈ 49° (tan ≈ 1,157) → 56 px de haut pour 48 px de large */
  --cut-h: 56px;
  --cut-w: 48px;

  /* Mouvement : lent et sans à-coup */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --dur-court: .25s;
  --dur-reveal: 1.1s;
  --dur-trace: 1.8s;
}

@media (min-width: 48em) { :root { --fs-verbe: clamp(2.25rem, 5.2vw, 6rem); } }