@charset "UTF-8";
/**
 * Jetons du design system Frenchie Fantaisie.
 * Valeurs de référence de la charte graphique (couleurs, typographies, rayons, ombres).
 */

:root {
	/* Fonds */
	--ff-bg: #FBEFF5;
	--ff-bg-soft: #FDF4F8;
	--ff-bg-deep: #F9DCE9;
	--ff-surface: #FFFDFB;
	--ff-clay: #F6ECE1;

	/* Encres */
	--ff-ink: #33272E;
	--ff-ink-deep: #2B2226;
	--ff-ink-70: rgba(51, 39, 46, .72);
	--ff-ink-55: rgba(51, 39, 46, .55);

	/* Roses & prunes */
	--ff-pink: #E093BE;
	--ff-pink-soft: #F3CBDD;
	--ff-pink-mid: #C9679F;
	--ff-pink-deep: #B8548C;
	--ff-plum: #8E3A6B;
	--ff-plum-deep: #6E2A52;

	/* Accents */
	--ff-sage: #A8B79E;
	--ff-sage-deep: #4F6247;
	--ff-gold: #E8C182;
	--ff-gold-deep: #A9803E;

	/* Voiles & lignes */
	--ff-veil: rgba(224, 147, 190, .14);
	--ff-line: rgba(224, 147, 190, .35);
	--ff-line-strong: rgba(201, 103, 159, .45);
	--ff-white-70: rgba(255, 253, 251, .7);
	--ff-white-90: rgba(255, 253, 251, .9);

	/* Typographie */
	--ff-serif: 'Fraunces', serif;
	--ff-sans: 'Manrope', sans-serif;
	--ff-script: 'Caveat', cursive;
	--ff-kick: 700 11px var(--ff-sans);
	--ff-kick-sm: 700 9.5px var(--ff-sans);
	--ff-track: .4em;
	--ff-track-sm: .16em;
	--ff-body: 400 14.5px/1.7 var(--ff-sans);

	/* Rayons & ombres */
	--ff-r: 18px;
	--ff-r-lg: 26px;
	--ff-r-pill: 999px;
	--ff-shadow-sm: 0 4px 12px rgba(58, 33, 53, .1);
	--ff-shadow: 0 12px 34px rgba(58, 33, 53, .08);
	--ff-shadow-lg: 0 22px 48px rgba(58, 33, 53, .14);
	--ff-ease: cubic-bezier(.22, .9, .26, 1);

	/* Trame de page */
	--gut: calc(20px + clamp(26px, 3.2vw, 44px));
	--measure: 1420px;
}

@media (max-width: 700px) { :root { --gut: 22px; } }
@media (max-width: 430px) { :root { --gut: 17px; } }