/* =========================================================================
   Design tokens V2 — Conciergerie Rhénane (éditorial / premium / osé)
   Palette « grès rose des Vosges » : os chaud + encre charbon + vert forêt
   profond + accent terracotta. Typo display démesurée.
   ========================================================================= */
:root {
	/* --- Couleurs --- */
	--cr-bone:     #ffffff; /* fond principal (blanc) */
	--cr-bone-2:   #f3ebe0; /* fond alterné (beige chaud) */
	--cr-surface:  #ffffff; /* cartes / surfaces claires */
	--cr-ink:      #14110f; /* texte (quasi-noir chaud) */
	--cr-ink-soft: #6b6258; /* texte secondaire */
	--cr-forest:   #1e1a17; /* sections sombres (charbon chaud) */
	--cr-forest-2: #2b2521;
	--cr-sand:     #d94a26; /* orange/terracotta Lokaly (accent) */
	--cr-sand-2:   #b23a1c; /* orange foncé (survol) */
	--cr-logo-orange: #ef761b; /* orange exact du logo cigogne (relevé sur logo.png) */
	--cr-line:     rgba(26, 22, 19, .16); /* filets fins */
	--cr-line-soft:rgba(26, 22, 19, .09);

	/* --- Canaux RGB des couleurs ci-dessus ---
	   REQUIS par le thème WordPress : Tailwind y compile les couleurs en
	   rgb(var(--cr-x-rgb) / <alpha-value>) pour supporter les opacités
	   (text-bone/85, bg-ink/65, from-ink/85…). Sans ces variables, TOUTES les
	   couleurs Tailwind deviennent invalides. Garder synchronisé avec les hex. */
	--cr-bone-rgb:     255 255 255;
	--cr-bone-2-rgb:   243 235 224;
	--cr-surface-rgb:  255 255 255;
	--cr-ink-rgb:      20 17 15;
	--cr-ink-soft-rgb: 107 98 88;
	--cr-forest-rgb:   30 26 23;
	--cr-forest-2-rgb: 43 37 33;
	--cr-sand-rgb:     217 74 38;
	--cr-sand-2-rgb:   178 58 28;

	/* --- Typographie (style Halston) --- */
	--cr-font-display: "General Sans", Arial, sans-serif;       /* gros titres */
	--cr-font-grotesk: "JetBrains Mono", ui-monospace, monospace; /* labels capitales / UI */
	--cr-font-body:    "General Sans", Arial, sans-serif;      /* corps */

	/* Échelle démesurée */
	--cr-fs-display: clamp(3.2rem, 0.5rem + 10vw, 10rem);  /* hero */
	--cr-fs-h2:      clamp(2.1rem, 1.4rem + 2vw, 3.4rem); /* titres de section (taille unique) */
	--cr-fs-h3:      clamp(1.5rem, 1.1rem + 1.4vw, 2.2rem);
	--cr-fs-lead:    clamp(1.3rem, 1.05rem + 1vw, 1.9rem); /* paragraphe d'intro */
	--cr-fs-body:    1.0625rem;
	--cr-fs-label:   0.78rem; /* labels capitales tracés */

	/* --- Espacements --- */
	--cr-space-sm:  1rem;
	--cr-space-md:  1.75rem;
	--cr-space-lg:  3rem;
	--cr-space-xl:  clamp(4rem, 2.5rem + 3vw, 5.5rem);
	--cr-space-2xl: clamp(5rem, 3rem + 5vw, 8rem);

	/* --- Layout --- */
	--cr-container: 1320px;
	--cr-gutter:    clamp(1.2rem, 0.4rem + 3vw, 3.5rem);

	/* --- Coins & ombres (volontairement sobres / nets) --- */
	--cr-radius-sm:   8px;
	--cr-radius:      18px;
	--cr-radius-lg:   28px;
	--cr-shadow:      0 30px 80px rgba(26,22,19,.18);

	--cr-ease: cubic-bezier(.16,1,.3,1);
}