/*
  Robotic Serveis : jetons de design (V5).
  Source : APPLE-DESIGN.md (format Google Labs design.md), valeurs contrôlées sur apple.com/fr le 04/11/2026.
  Boutons et liens aux couleurs d'action d'Apple. WhatsApp : vert foncé, contraste conforme (WCAG AA).
  Police : Inter Tight, hébergée sur le site (assets/fonts), aucun service tiers.
*/
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("assets/fonts/inter-tight-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Couleurs d'action Apple : boutons, liens, focus */
  --action: #0071e3;          /* bouton plein, texte blanc : 4,7:1 */
  --on-action: #ffffff;
  --action-focus: #0071e3;
  --link-light: #0066cc;      /* lien sur fond clair : 5,57:1 */
  --link-dark: #2997ff;       /* lien sur fond sombre : 5,58:1 */

  /* Marque : point du logo */
  --accent: #6EE7C5;

  /* WhatsApp : vert foncé de la marque WhatsApp, texte blanc 7,67:1 */
  --whatsapp: #075E54;
  --whatsapp-hover: #054a42;

  /* Encres */
  --ink: #1d1d1f;
  --body: #1d1d1f;
  --body-on-dark: #ffffff;
  --body-muted: #cccccc;
  --ink-muted-80: #333333;
  --ink-muted-48: #6e6e73;    /* 5,1:1 sur blanc, 4,6:1 sur #f5f5f7 */
  --gray: #a1a1a6;            /* gris secondaire sur fond noir : 8,1:1 */
  --divider-soft: #f0f0f0;
  --hairline: #e0e0e0;

  /* Surfaces */
  --canvas: #ffffff;
  --canvas-parchment: #f5f5f7;
  --surface-pearl: #fafafc;
  --surface-tile-1: #272729;
  --surface-tile-2: #2a2a2c;
  --surface-tile-3: #252527;
  --surface-black: #000000;
  --surface-chip-translucent: #d2d2d7;

  /* Typographie */
  --font-display: "Inter Tight", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-text: "Inter Tight", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* Échelle : taille / interligne / interlettrage. Poids 300, 400, 600, 700 */
  --fs-hero-display: 56px;  --lh-hero-display: 1.07; --ls-hero-display: -0.28px;
  --fs-display-lg: 40px;    --lh-display-lg: 1.1;    --ls-display-lg: 0;
  --fs-display-md: 34px;    --lh-display-md: 1.47;   --ls-display-md: -0.374px;
  --fs-lead: 28px;          --lh-lead: 1.14;         --ls-lead: 0.196px;
  --fs-lead-airy: 24px;     --lh-lead-airy: 1.5;
  --fs-tagline: 21px;       --lh-tagline: 1.19;      --ls-tagline: 0.231px;
  --fs-body: 17px;          --lh-body: 1.47;         --ls-body: -0.374px;
  --fs-caption: 14px;       --lh-caption: 1.43;      --ls-caption: -0.224px;
  --fs-fine: 12px;          --ls-fine: -0.12px;
  --fs-nav: 12px;

  /* Rayons : 8 pour les contrôles, 18 pour les cartes */
  --r-none: 0;
  --r-xs: 5px;
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 18px;
  --r-pill: 9999px;

  /* Espacements, un seul rythme vertical : --sp-section */
  --sp-xxs: 4px;
  --sp-xs: 8px;
  --sp-sm: 12px;
  --sp-md: 17px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-xxl: 48px;
  --sp-section: clamp(80px, 10vw, 128px);

  /* La seule ombre du système, réservée au produit */
  --shadow-product: 3px 5px 30px rgba(0, 0, 0, 0.22);

  /* Hauteurs de navigation */
  --topbar-h: 36px;
  --nav-global-h: 52px;
  --nav-sub-h: 52px;
}