/* ============================================================
   Jajetić — Design tokens & fonts
   ============================================================ */

/* ---- Figtree (variable, display headings) ---- */
@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree/figtree-latin.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+2212;
}
@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree/figtree-latin-ext.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---- STIX Two Text (variable, body / nav / buttons) ---- */
@font-face {
	font-family: "STIX Two Text";
	src: url("../fonts/stix/stixtwotext-latin.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+2212;
}
@font-face {
	font-family: "STIX Two Text";
	src: url("../fonts/stix/stixtwotext-latin-ext.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* ---- Palette ---- */
	--rose: #b38f87;        /* primary: buttons, headings, top bar / footer bg */
	--rose-dark: #a07e75;   /* hover */
	--tan: #dac6b6;         /* tan section bg (Tim) */
	--cream: #ede4da;       /* cream: big titles, cards, icon discs, inactive dash */
	--sage: #8b9898;        /* statement icons, input placeholder */
	--line: #dedede;        /* hairline borders */
	--white: #ffffff;
	--ink: #000000;         /* body text */
	--placeholder: #c5c5c5; /* image placeholder */

	/* ---- Semantic ---- */
	--bg: #ffffff;
	--accent: var(--rose);
	--text: var(--ink);
	--error: #c0392b;

	/* ---- Typography ---- */
	--font-display: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-body: "STIX Two Text", Georgia, "Times New Roman", serif;

	/* Fluid type scale (desktop value caps match Figma) */
	--fs-giant: clamp(2.25rem, 14vw, 15rem);   /* 240px hero word (scales down on mobile) */
	--fs-h1: clamp(2.5rem, 6.2vw, 5rem);       /* 80px display headings */
	--fs-h2: clamp(2.25rem, 5vw, 5rem);        /* 80px section headings */
	--fs-h3: clamp(1.75rem, 2.4vw, 2rem);      /* 32px (team name) */
	--fs-h4: clamp(1.35rem, 1.8vw, 1.5rem);    /* 24px card label / faq q */
	--fs-news: clamp(2rem, 3.4vw, 3rem);       /* 48px newsletter heading */
	--fs-lead: clamp(1.375rem, 2.4vw, 2rem);   /* 32px lead / quote */
	--fs-body-lg: clamp(1.125rem, 1.5vw, 1.5rem); /* 24px body */
	--fs-body: 1.125rem;                        /* 18px body */
	--fs-btn: clamp(1.125rem, 1.4vw, 1.25rem);  /* 20px button */
	--fs-nav: 1.125rem;                          /* 18px nav */
	--fs-sm: 0.875rem;                           /* 14px */
	--fs-xs: 1rem;                               /* 16px copyright */

	/* ---- Layout ---- */
	--container: 1440px;
	--pad: clamp(20px, 4vw, 48px);
	--section-y: clamp(48px, 6vw, 80px);

	/* ---- Radii ---- */
	--radius-card: 24px;
	--radius-img: 16px;
	--radius-input: 12px;
	--radius-pill: 120px;

	/* ---- Misc ---- */
	--shadow-card: 0 4px 6px rgba(0, 0, 0, 0.12);
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--header-h: 104px;
}