/**
 * Florist Landing Blocks — Design Tokens
 * Paleta del cliente: verde salvia + crema + lavanda suave
 * (con tonos derivados más profundos para texto/acentos y legibilidad)
 */
:root {
	--fl-cream: #fbf3e7;
	--fl-sage: #e8efe1;
	--fl-lavender: #e9e1f0;

	--fl-ink: #2e2b24;
	--fl-forest: #4b5c43;
	--fl-forest-deep: #33402e;
	--fl-sage-deep: #7c8f72;
	--fl-accent: #8c7ba3;
	--fl-lavender-deep: #9a8bb0;

	--fl-line: rgba(46, 43, 36, 0.14);
	--fl-white: #ffffff;

	--fl-font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
	--fl-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

	--fl-radius: 2px;
	--fl-max-width: 1180px;
}

/* Divisor decorativo entre secciones (onda/diagonal/curva), compartido por todos los bloques */
.fl-section-divider {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 70px;
	line-height: 0;
	pointer-events: none;
	overflow: hidden;
}

.fl-section-divider svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Botón base compartido por todos los bloques (Hero usa --primary, el resto usa --dark) */
.fl-btn {
	display: inline-block;
	font-family: var(--fl-font-body);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 600;
	text-decoration: none;
	padding: 16px 34px;
	border: 1px solid transparent;
	border-radius: var(--fl-radius);
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	cursor: pointer;
}

.fl-btn--dark {
	background: var(--fl-forest);
	color: var(--fl-cream);
	border-color: var(--fl-forest);
}

.fl-btn--dark:hover {
	background: transparent;
	color: var(--fl-forest);
	border-color: var(--fl-forest);
}