/* ============================================
   AutonHomie — Design tokens
   Palette stricte : mint #00DF8B / sapin #004542
   Typo fallback Google : Manrope + Inter
   ============================================ */

:root {
  /* Palette */
  --mint:        #00DF8B;
  --mint-soft:   #d8f7e9;
  --mint-tint:   #effaf3;
  --sapin:       #004542;
  --sapin-2:     #00302e;
  --sapin-3:     #002522;
  --ink:         #001615;
  --ink-60:      rgba(0,22,21,0.60);
  --ink-40:      rgba(0,22,21,0.40);
  --ink-15:      rgba(0,22,21,0.15);
  --ink-08:      rgba(0,22,21,0.08);
  --line:        #E6E8E7;
  --line-soft:   #EFEFED;
  --light:       #F8F8F8;
  --white:       #FFFFFF;

  /* Typography */
  --ff-display: "Manrope", "Satoshi Variable", ui-sans-serif, system-ui, sans-serif;
  --ff-body:    "Inter", "General Sans", ui-sans-serif, system-ui, sans-serif;
  --ff-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Type scale — desktop */
  --fs-display: clamp(48px, 6.2vw, 88px);
  --fs-h1:      clamp(40px, 5.0vw, 72px);
  --fs-h2:      clamp(32px, 3.6vw, 52px);
  --fs-h3:      clamp(24px, 2.2vw, 32px);
  --fs-h4:      clamp(20px, 1.6vw, 24px);
  --fs-lead:    19px;
  --fs-body:    17px;
  --fs-sm:      15px;
  --fs-xs:      13px;
  --fs-eyebrow: 12px;

  --lh-tight:   1.05;
  --lh-snug:    1.18;
  --lh-body:    1.65;

  --tracking-eyebrow: 0.14em;
  --tracking-tight:   -0.02em;
  --tracking-display: -0.035em;

  /* Spacing scale (8pt) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* Radii */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 24px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-card:  0 8px 24px rgba(0,21,21,0.06);
  --shadow-hover: 0 14px 40px rgba(0,21,21,0.10);
  --shadow-pop:   0 24px 60px rgba(0,21,21,0.14);

  /* Layout */
  --maxw: 1280px;
  --gutter: clamp(20px, 4vw, 56px);
  --header-h: 76px;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: 160ms var(--ease);
  --t-base: 240ms var(--ease);
}