/* =========================================================================
   skeleton.css — SQUELETTE DESIGN de timekraft.ch (source de vérité unique)
   Décidé avec David le 11-07-2026. Modifier ICI = change tout le site.
   Détail : mémoire reference_site_design_system.md
   ========================================================================= */

/* Polices : titres/UI = Archivo (sans) ; texte courant = Lora (serif) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Lora:wght@400;500;600&display=swap');

:root{
  /* --- ÉCHELLE TYPO : 7 tailles, rien d'autre --- */
  --fs-small:13px;
  --fs-body:15px;
  --fs-lead:18px;
  --fs-h3:24px;
  --fs-h2:32px;
  --fs-h1:48px;
  --fs-hero:clamp(36px, 5.5vw, 64px);

  /* --- ESPACEMENTS : trame 8px --- */
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px;
  --sp-5:32px; --sp-6:48px; --sp-7:64px; --sp-8:96px;

  /* --- 3 INTERLIGNES --- */
  --lh-tight:1.05;   /* titres */
  --lh-base:1.35;    /* intro / sous-titres */
  --lh-read:1.6;     /* corps */
}

/* --- LEVIER GLOBAL : la police de tout le site se décide ici --- */
body{
  font-family:'Archivo', sans-serif;
  line-height:var(--lh-read);
}
h1, h2, h3, h4, h5, h6,
button, .btn, nav, label,
input, select, textarea{
  font-family:'Archivo', sans-serif;
}
p, li, blockquote, figcaption, dd{
  font-family:'Lora', serif;
}