/* =========================================================================
   COQUELICOT — Design System / Tokens
   v0.1 · 2026-06-17 · source : charte de marque (HANDOVER)
   Réutilisable : importé par le child theme ET par les mockups.
   ========================================================================= */

/* ---------- Typographie : The Stegris ---------- */
/* .otf fournis. TODO perf : convertir en woff2 avant la prod. */
@font-face {
  font-family: "The Stegris";
  src: url("../fonts/TheStegris-Light.otf") format("opentype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Stegris";
  src: url("../fonts/TheStegris-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Stegris";
  src: url("../fonts/TheStegris-SemiBold.otf") format("opentype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Stegris";
  src: url("../fonts/TheStegris-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Stegris";
  src: url("../fonts/TheStegris-Black.otf") format("opentype");
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  /* ---------- Palette de marque (10 teintes nommées) ---------- */
  --c-ivory:      #FFFBF3; /* fond principal */
  --c-oat:        #F4E1AB; /* fond doux / sections */
  --c-coquelicot: #E73E1E; /* accent primaire (rouge vif) */
  --c-scarlet:    #BA2518; /* rouge profond */
  --c-grass:      #54815B; /* vert */
  --c-mist:       #C7D8C8; /* vert pâle */
  --c-sky:        #396BB2; /* bleu */
  --c-navy:       #252C59; /* texte / sombre */
  --c-beige:      #B78E68; /* neutre chaud */
  --c-cacao:      #5A3A25; /* brun profond */

  /* ---------- Rôles sémantiques ---------- */
  --color-bg:           var(--c-ivory);
  --color-bg-alt:       var(--c-oat);
  --color-text:         var(--c-navy);
  --color-text-soft:    #5b5f73;
  --color-accent:       var(--c-coquelicot);
  --color-accent-deep:  var(--c-scarlet);
  --color-line:         rgba(37, 44, 89, 0.14);
  --color-on-accent:    var(--c-ivory);

  /* ---------- Typo ---------- */
  --font-display: "The Stegris", "Jost", "Century Gothic", system-ui, sans-serif;
  --font-body:    "The Stegris", "Jost", system-ui, sans-serif;

  --fs-100: 0.9752rem; /* 13 (plancher de taille) */
  --fs-200: 1.0496rem;  /* 14 */
  --fs-300: 1.2rem;      /* 16 */
  --fs-400: 1.5rem;   /* 20 */
  --fs-500: 2.1rem;   /* 28 */
  --fs-600: 3rem;    /* 40 */
  --fs-700: clamp(3.3rem, 4.8vw, 5.4rem); /* hero */
  --tracking-wide: 0.22em;  /* le wordmark COQUELICOT est très espacé */
  --tracking-mid:  0.08em;
  --leading-tight: 1.1;
  --leading-body:  1.6;

  /* ---------- Espacements / layout ---------- */
  --space-1: 0.5rem;  --space-2: 1rem;   --space-3: 1.5rem;
  --space-4: 2rem;    --space-5: 3rem;   --space-6: 4.5rem;
  --space-7: 7rem;
  --container: 1280px;
  --container-narrow: 880px;

  /* ---------- Divers ---------- */
  --radius-sm: 4px; --radius-md: 10px; --radius-lg: 22px; --radius-pill: 999px;
  --shadow-soft: 0 18px 50px -24px rgba(37,44,89,0.35);
  --transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}