/* Dizajn tokeni iz handouta „prvi krug” (README.md, odjeljak Dizajn tokeni).
   Mijenjati samo ovdje; komponente čitaju varijable. */

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/manrope-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: "Manrope";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/manrope-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: "Playfair Display";
	font-style: normal;
	font-weight: 500 600;
	font-display: swap;
	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";
	font-style: normal;
	font-weight: 500 600;
	font-display: swap;
	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;
}

:root {
	/* Boje. Sve slike proizvoda su na bijelom; okvir daje --c-hairline. */
	--c-bg: #ffffff;
	--c-bg-warm: #fbf8f5;
	--c-neutral: #f4efeb;
	--c-line: #e6ded8;
	--c-hairline: #ede6e0;
	--c-ink: #2b2522;
	--c-ink-2: #7a6f69;
	--c-ink-3: #5f544e;
	--c-accent: #9e5656;      /* ruža, zadano */
	--c-accent-alt: #5e7560;  /* kadulja, klijentica još bira */
	--c-track: #d9d0ca;
	--c-sold-out-line: #cfc6c0;

	/* Tipografija */
	--f-display: "Playfair Display", Georgia, serif;
	--f-ui: "Manrope", system-ui, -apple-system, sans-serif;
	--fs-xl: 60px;  --lh-xl: 1;
	--fs-l: 40px;   --lh-l: 1.08;
	--fs-m: 26px;   --lh-m: 1.15;
	--fs-body: 15px; --lh-body: 1.55;
	--fs-meta: 13px; --lh-meta: 1.35;
	--fs-eyebrow: 11px; --ls-eyebrow: .09em;

	/* Razmaci */
	--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
	--s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;
	--gutter: 16px;
	--content-max: 1312px; /* 1440 − 2 × 64 */

	/* Radijusi */
	--r-btn: 10px; --r-field: 12px; --r-card: 16px; --r-card-img: 12px;
	--r-tile: 24px; --r-thumb: 10px; --r-pill: 999px;
	--r-product-img: 16px;

	/* Sjene */
	--sh-card: 0 0 0 1px rgba(43, 37, 34, .07);
	--sh-card-hover: 0 10px 28px rgba(60, 40, 30, .10);
	--sh-badge: 0 1px 2px rgba(43, 37, 34, .06);
	--frame: inset 0 0 0 1px var(--c-hairline);

	--t-color: .15s ease;
	--t-shadow: .2s ease;
}

@media (min-width: 1200px) {
	:root {
		--gutter: 64px;
		--r-product-img: 20px;
	}
}