/*
 * FotograafTarief — Design tokens
 * Bron: DESIGN-BRIEF.md, stap 1 ("Volgorde van bouwen").
 *
 * Alleen CSS custom properties (--ft-*). Geen regels op bestaande
 * selectors — dit bestand mag geen bestaande styling veranderen.
 */

:root {
	/* Kleuren — goud */
	--ft-gold: #B5946F;
	--ft-gold-light: #CFB49B;
	--ft-gold-pale: #EDE0CF;

	/* Kleuren — neutraal */
	--ft-black: #181B1C;
	--ft-anthracite: #323436;
	--ft-white: #FFFFFF;
	--ft-off-white: #F9F8F6;
	--ft-text-gray: #6B6B6B;
	--ft-border: #E5E1DC;

	/* Typografie */
	--ft-font-family: 'Poppins', sans-serif;

	--ft-h1-size: 48px;
	--ft-h1-size-mobile: 32px;
	--ft-h1-weight: 700;

	--ft-h2-size: 32px;
	--ft-h2-size-mobile: 26px;
	--ft-h2-weight: 700;

	--ft-h3-size: 20px;
	--ft-h3-size-mobile: 18px;
	--ft-h3-weight: 600;

	--ft-body-size: 16px;
	--ft-body-weight: 400;

	--ft-meta-size: 14px;
	--ft-meta-weight: 400;

	--ft-button-font-size: 15px;
	--ft-button-font-weight: 600;

	--ft-line-height-body: 1.6;
	--ft-line-height-heading: 1.2;

	/* Radius */
	--ft-radius-button: 6px;
	--ft-radius-card: 10px;
	--ft-radius-badge: 4px;

	/* Maten (knoppen / formuliervelden) */
	--ft-button-padding: 12px 24px;
	--ft-field-height: 48px;

	/* Schaduwen */
	--ft-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
	--ft-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.10);

	/* Shop (voorbereiding — marketplace, nog niet gebouwd, zie ft-shop.css) */
	--ft-shop-card-size: 400px;
	--ft-shop-card-gap: 24px;
	--ft-shop-card-radius: var(--ft-radius-card);
}