/*
 * Tokens de Les Jolies Clés.
 *
 * Les couleurs et typographies vivent dans le KIT GLOBAL D'ELEMENTOR :
 * ce fichier ne fait que les aliaser. Le client les modifie depuis une
 * interface qu'il connait, et tout le site suit.
 *
 * Engagement 5 : aucun hexadecimal, valeurs de repli comprises.
 */

/*
 * `body` et non `:root` : Elementor ecrit ses variables globales sur
 * `body.elementor-kit-<id>`, jamais sur `html`. Aliase depuis `:root`,
 * `--e-global-color-primary` n'est pas resolue — une variable ne remonte
 * pas d'un descendant vers son ancetre — et c'est la valeur de REPLI qui
 * part dans tout le site. Le symptome est muet : la page s'affiche, en
 * noir et blanc, quelle que soit la palette du kit. Constate le 16 aout
 * 2026 sur instant-home-tarn, ou les 53 fichiers du socle qui lisent ces
 * tokens servaient tous rgb( 17 17 17 ).
 */
/* Palette du site Les Jolies Clés, document de Coralie (19/10/2026) : crème clair, crème, crème soutenu,
   doré rare, brun. Aucun hexadécimal : rgb() seulement. Polices servies par le thème (mêmes fichiers que
   la maquette Astro) : Playfair Display pour les titres, Inter pour le texte. */
body {
	--ivy-radius-surface: 4px;
	--ivy-radius-action: 4px;
	--ivy-accent: var( --e-global-color-primary, rgb( 184 151 90 ) );
	--ivy-ink: var( --e-global-color-text, rgb( 58 50 38 ) );
	--ivy-surface: var( --e-global-color-secondary, rgb( 251 248 242 ) );
	--ivy-muted: var( --e-global-color-accent, rgb( 107 98 82 ) );
	--ivy-line: rgb( 184 151 90 / 45% );
	--ivy-surface-soft: rgb( 246 241 232 );
	--ivy-surface-sunk: rgb( 238 230 216 );
	--ivy-line-soft: rgb( 184 151 90 / 25% );
	--ivy-gold-text: rgb( 138 106 51 );
	--ivy-gold-dark: rgb( 163 132 74 );
	--ivy-gold-light: rgb( 230 214 168 );
	--ivy-deep: rgb( 37 29 23 );
	--ivy-on-deep: rgb( 251 248 242 );
	--ivy-on-deep-muted: rgb( 249 246 241 / 78% );
	--ivy-line-deep: rgb( 249 246 241 / 12% );
	--ivy-accent-on-deep: rgb( 184 151 90 );
	--ivy-on-accent: rgb( 37 29 23 );
	--ivy-on-accent-muted: rgb( 37 29 23 );
	--ivy-line-accent: rgb( 163 132 74 );
	--ivy-support: rgb( 184 151 90 );
	--ivy-veil: rgb( 37 29 23 );
	--ivy-danger: rgb( 160 83 58 );
	--ivy-font-titre: 'Playfair Display Variable', Georgia, 'Times New Roman', serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-optical-sizing: auto;
}

/* Les fichiers de la maquette Astro (@fontsource-variable), recopiés tels quels : mêmes coupures de ligne. */
@font-face { font-family: 'Playfair Display Variable'; font-style: normal; font-display: swap; font-weight: 400 900; src: url( 'fonts/playfair-display-latin-ext-wght-normal.woff2' ) format( 'woff2-variations' ); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display Variable'; font-style: normal; font-display: swap; font-weight: 400 900; src: url( 'fonts/playfair-display-latin-wght-normal.woff2' ) format( 'woff2-variations' ); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url( 'fonts/inter-latin-ext-wght-normal.woff2' ) format( 'woff2-variations' ); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url( 'fonts/inter-latin-wght-normal.woff2' ) format( 'woff2-variations' ); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
	/* Multiplicateur de rythme, unique pour tout le site (spec §5.6). Il ne
	   vient pas du kit : il reste donc sur `:root`, ou le JS le lit. */
	--ivy-motion: 1;
}

/* Les règles de titres et de textes de global.css de la maquette : retrait de 0,005 em, chiffres alignés, coupes de ligne « pretty ». */
.ivy-root.ivy-root :is( h1, h2, h3, [class$="__title"] ) { letter-spacing: -0.005em; text-wrap: pretty; font-variant-numeric: lining-nums; }
.ivy-root :is( p, li ) { text-wrap: pretty; }