/**
 * Anidjar Thème — Variables de design
 *
 * Valeurs extraites de la maquette Figma "Anidjar Clara" (frame Accueil, 1920px).
 * Les tailles de police fluides sont calées pour atteindre la valeur maquette à 1920px.
 */

:root {
	/* ---------------------------------------------------------------------
	 * Palette brute
	 * ------------------------------------------------------------------ */
	--anidjar-brun: #2e2519;
	--anidjar-or: #c9a25c;
	--anidjar-or-clair: #ecd3ab;
	--anidjar-or-fonce: #cda461;
	--anidjar-creme: #f6f0e6;
	--anidjar-creme-chaud: #f7f1e8;
	--anidjar-sable: #eed8c0;
	--anidjar-ivoire: #fffaf2;
	--anidjar-blanc: #ffffff;
	--anidjar-noir: #000000;

	/* ---------------------------------------------------------------------
	 * Texte
	 * ------------------------------------------------------------------ */
	--anidjar-texte: var(--anidjar-brun);
	--anidjar-texte-inverse: var(--anidjar-blanc);
	--anidjar-texte-accent: var(--anidjar-or);
	--anidjar-texte-sur-or: var(--anidjar-noir);
	/* Chiffres décoratifs 01/02/03 : couleur à 33% d'alpha, calque à 50% d'opacité. */
	--anidjar-texte-fantome: rgba(201, 162, 92, 0.165);

	/* ---------------------------------------------------------------------
	 * Surfaces
	 * ------------------------------------------------------------------ */
	--anidjar-fond: var(--anidjar-ivoire);
	--anidjar-fond-sombre: var(--anidjar-brun);
	--anidjar-surface-carte: rgba(246, 240, 230, 0.91);
	/* Variante plus translucide : laisse davantage voir le décor flouté derrière. */
	--anidjar-surface-carte-legere: rgba(246, 240, 230, 0.76);
	--anidjar-surface-carte-opaque: var(--anidjar-blanc);
	--anidjar-surface-nav: rgba(246, 240, 230, 0.9);
	--anidjar-surface-cta: rgba(246, 240, 230, 0.66);

	/* ---------------------------------------------------------------------
	 * Dégradés
	 * ------------------------------------------------------------------ */
	--anidjar-degrade-or: linear-gradient(90deg, var(--anidjar-or-clair) 0%, var(--anidjar-or-fonce) 100%);

	/* Style Figma « Dégradé OR » : le fond des sections onglets + CTA.
	   Vertical, de l'ivoire en haut vers le sable en bas. */
	--anidjar-degrade-or-fond: linear-gradient(180deg, var(--anidjar-ivoire) 0%, var(--anidjar-sable) 100%);
	--anidjar-degrade-pied: linear-gradient(-66.95deg, var(--anidjar-sable) 0%, var(--anidjar-ivoire) 58.17%);
	--anidjar-degrade-voile: linear-gradient(
		90deg,
		var(--anidjar-creme-chaud) 16.83%,
		rgba(247, 241, 232, 0.7) 63.46%,
		rgba(247, 241, 232, 0.5) 100%
	);

	/* ---------------------------------------------------------------------
	 * Bordures, rayons, ombres
	 * ------------------------------------------------------------------ */
	--anidjar-bordure-carte: #a89376; /* contour des onglets et du panneau */
	--anidjar-filet-couleur: #ebebeb; /* séparateurs des cartes de l'accueil */
	--anidjar-filet-fonce: #6f6152; /* séparateurs des listes d'articles et de la FAQ */
	--anidjar-filet-clair: #ded7ce; /* contour des pastilles « + » de la FAQ */
	--anidjar-filet: 1px solid var(--anidjar-filet-couleur);
	--anidjar-rayon-carte: 20px;
	--anidjar-rayon-pilule: 100px;
	--anidjar-ombre-carte: 6px 6px 20px 5px rgba(205, 164, 97, 0.2);

	/* Flou d'arrière-plan des cartes translucides. Figma n'expose pas la valeur
	   de son « background blur » : 20px est un réglage à l'œil, ajustable ici. */
	--anidjar-flou-carte: 20px;

	/* ---------------------------------------------------------------------
	 * Typographie
	 * ------------------------------------------------------------------ */
	--anidjar-police-titre: "Cormorant Garamond", Garamond, Georgia, "Times New Roman", serif;
	--anidjar-police-texte: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

	--anidjar-fs-xs: 0.875rem; /* 14px — texte secondaire, liens capitales */
	--anidjar-fs-sm: 1rem; /* 16px — corps de texte */
	--anidjar-fs-md: clamp(1.25rem, 1.25vw, 1.5rem); /* 24px — bouton large */
	/* Les coefficients vw atteignent exactement la valeur maquette à 1920px :
	   2.0834vw = 40.00px et 3.3334vw = 64.00px. Avec 2.08/3.33 on tombait à
	   39.94 et 63.94, et l'écart se propageait dans les hauteurs de titre. */
	--anidjar-fs-lg: clamp(1.75rem, 2.0834vw, 2.5rem); /* 40px — titres de section */
	--anidjar-fs-xl: clamp(2.5rem, 3.3334vw, 4rem); /* 64px — titre principal */
	--anidjar-fs-fantome: clamp(4rem, 6.67vw, 8rem); /* 128px — chiffres décoratifs */

	--anidjar-graisse-titre: 700;
	--anidjar-graisse-texte: 400;

	--anidjar-interligne-titre: 1.2;
	--anidjar-interligne-texte: 1.8;

	/* Capitales espacées : 4.8px sur 16px et 4.2px sur 14px valent tous deux 0.3em. */
	--anidjar-interlettre-capitales: 0.3em;

	/* ---------------------------------------------------------------------
	 * Espacements — échelle de 4px
	 * ------------------------------------------------------------------ */
	--anidjar-espace-3xs: 0.25rem; /* 4px */
	--anidjar-espace-2xs: 0.5rem; /* 8px */
	--anidjar-espace-xs: 0.75rem; /* 12px */
	--anidjar-espace-sm: 1rem; /* 16px */
	--anidjar-espace-md: 1.5rem; /* 24px */
	--anidjar-espace-lg: 2rem; /* 32px */
	--anidjar-espace-xl: 3rem; /* 48px */
	--anidjar-espace-2xl: 4rem; /* 64px */
	--anidjar-espace-3xl: 6rem; /* 96px */
	--anidjar-espace-4xl: 8rem; /* 128px */

	/* ---------------------------------------------------------------------
	 * Gabarit
	 * ------------------------------------------------------------------ */
	--anidjar-contenu-max: 1336px; /* largeur des blocs de contenu */
	--anidjar-contenu-large: 1633px; /* bandeau CTA et pied de page */
	--anidjar-gouttiere: var(--anidjar-espace-md);

	/* ---------------------------------------------------------------------
	 * Transitions
	 * ------------------------------------------------------------------ */
	--anidjar-transition: 0.25s ease;

}