/* =============================================================================
   SKIN — "Modern minimal"
   Near-white paper, near-black ink, one confident ink-blue accent, tight
   crisp grotesk headings, small radii, disciplined hairlines. Precision over
   decoration. (Deliberately not the dark-bg + acid-accent cliché.)
   GDPR note: self-host the fonts for production (see README).
   ========================================================================== */
/* Polices auto-hébergées (RGPD — aucune requête vers Google) */
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-tight.woff2") format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-tight.woff2") format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-tight.woff2") format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/space-grotesk.woff2") format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/space-grotesk.woff2") format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/space-grotesk.woff2") format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/space-grotesk.woff2") format('woff2'); }

:root {
  --bg: #fbfbf9;
  --bg-2: #f0f0ec;
  --surface: #ffffff;
  --surface-2: #f3f3ef;
  --ink: #15171c;
  --ink-2: #565a63;          /* AA on --bg */
  --line: #e2e2dc;

  --accent: #2438c8;         /* ink-blue; white text AA */
  --accent-2: #1a2a9e;
  --accent-ink: #ffffff;
  --accent-wash: #e8eafb;
  --focus: #1a2a9e;

  --font-head: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --head-weight: 600;
  --head-tracking: -0.03em;
  --head-leading: 1.02;
  --eyebrow-weight: 600;
  --eyebrow-tracking: 0.14em;
  --eyebrow-transform: uppercase;

  --radius: 6px;
  --radius-sm: 4px;
  --border: 1px;
  --shadow: 0 1px 2px rgba(21, 23, 28, 0.05), 0 10px 26px -16px rgba(21, 23, 28, 0.18);
  --shadow-lg: 0 2px 5px rgba(21, 23, 28, 0.06), 0 22px 46px -22px rgba(21, 23, 28, 0.24);
}

/* Skin flourishes: crisp square portrait, tighter chips, precise rule. */
.hero__portrait { border-radius: 6px; }
.chip, .btn { border-radius: 6px; }
.eyebrow { letter-spacing: 0.14em; }