/**
 * Panorama — Design tokens (1:1 from Figma, node 230:2, via REST API).
 * All values pulled from the actual design; edit here to retune globally.
 */

/* ---------------------------------------------------------------------------
   Fonts (self-hosted variable woff2 — weight axis 100–900)
--------------------------------------------------------------------------- */
@font-face {
	font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/outfit-latin-ext.woff2") format("woff2");
	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: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/outfit-latin.woff2") format("woff2");
	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: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/jost-latin-ext.woff2") format("woff2");
	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: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/jost-latin.woff2") format("woff2");
	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 {
	/* Surfaces — EXACT */
	--c-cream: #faf8f4;      /* page / frame background */
	--c-tan: #f2ebe3;        /* alt section (sistem, split) */
	--c-tan-2: #ece4d6;      /* pill / pagination surface */
	--c-card: #e3dac9;       /* image-slot placeholder */
	--c-dark: #16130f;       /* dark section */
	--c-dark-2: #1c1c1c;     /* testimonial card / footer */
	--c-dark-3: #2a251d;     /* image frame on light */

	/* Ink & text — EXACT */
	--c-heading: #1a1714;
	--c-body: #6e655a;       /* primary muted body on light */
	--c-body-2: #8c8275;     /* captions */
	--c-muted: #5b5b5b;

	/* Accent — EXACT (the signature gold) */
	--c-gold: #be812b;       /* on light */
	--c-gold-2: #e8b75a;     /* on dark */

	--c-white: #ffffff;
	--c-white-86: rgba(255, 255, 255, 0.86);
	--c-white-60: rgba(255, 255, 255, 0.60);

	/* Facility card colours — EXACT (Figma) */
	--c-soul: #3f948d;
	--c-juniper: #4a5733;
	--c-panorama: #8a9bb0;
	--c-ritual: #c1824e;
	--c-hidden: #9e1f26;
	--c-tonegym: #c4622d;

	--c-bg: var(--c-cream);
	--c-text: var(--c-body);

	/* Typography families & weights */
	/* Outfit is the ONLY font on the site (Figma directive 2026-07-28: "Font outfit
	   je svuda i jedini font na sajtu"). Both tokens map to Outfit. */
	--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
	--font-body: "Outfit", ui-sans-serif, system-ui, sans-serif;
	--fw-xlight: 200;   /* Outfit ExtraLight — big editorial statements */
	--fw-light: 300;    /* Outfit/Jost Light — headings & body */
	--fw-reg: 400;
	--fw-med: 500;      /* eyebrows, facility names */

	/* Type scale — anchored to Figma px, fluid below reference width.
	   max == Figma value at 1920. */
	--fs-hero: clamp(2.75rem, 1.6rem + 4.6vw, 4.25rem);    /* → 68px hero */
	--fs-d1: clamp(2.75rem, 1.9rem + 3.4vw, 4.75rem);      /* → 76px split statement */
	--fs-d2: clamp(2.25rem, 1.7rem + 2.2vw, 3.125rem);     /* → 50px section title */
	--fs-d3: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);         /* → 44px intro / 42px */
	--fs-d4: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);         /* → 40px sub-title */
	--fs-stat: clamp(2.75rem, 2rem + 3vw, 3.75rem);        /* → 60px stat number */
	--fs-name: clamp(1.75rem, 1.4rem + 1.4vw, 2.125rem);   /* → 34px facility name */
	--fs-lead: 1.125rem;      /* 18px iskustvo desc */
	--fs-body: 1rem;          /* 16px section body */
	--fs-cap: max(11px, 0.875rem);       /* 14px captions / buttons */
	--fs-eyebrow: max(11px, 0.875rem);   /* 14px */
	--fs-kicker: max(11px, 0.6875rem);   /* 11px card kicker */

	/* Shared phone scale. Home is the reference for every current and future page. */
	--fs-phone-hero: 28px;
	--fs-phone-section: 28px;
	--fs-phone-statement: 40px;
	--fs-phone-card: 26px;
	--fs-phone-body: 15px;
	--fs-phone-cta: 12px;

	--lh-tight: 1.05;
	--lh-body: 1.7;
	--ls-eyebrow: 0.28em;     /* 3.9/14 EXACT */
	--ls-name: 0.2em;         /* 6.8/34 EXACT */

	/* Spacing */
	--sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
	--sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 2.5rem; --sp-8: 3rem;
	--sp-9: 4rem; --sp-10: 5rem; --sp-11: 6.5rem; --sp-12: 8rem;

	--section-y: clamp(4.5rem, 3rem + 5vw, 7.5rem);

	/* Layout — Figma uses 160px side gutter on a 1920 canvas → 1600 content. */
	--container: 1600px;
	--gutter: clamp(1.25rem, 0.2rem + 4vw, 10rem);
	--measure: 660px;

	--radius: 0px;            /* the design uses hard corners on cards */
	--radius-pill: 100px;
	--radius-round: 50%;

	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur: 0.45s;
}

/* Figma's desktop artboards are authored at 1920px and its preview scales the
   complete composition down on laptop screens. Mirror that behaviour in the
   laptop range without touching the tablet/mobile layouts below 1200px. */
@media (min-width: 1200px) and (max-width: 1919px) {
	html {
		font-size: max(11px, 0.833333vw); /* 16px at the native 1920px artboard width. */
	}

	:root {
		--fs-hero: max(11px, 3.541667vw);
		--fs-d1: max(11px, 3.958333vw);
		--fs-d2: max(11px, 2.604167vw);
		--fs-d3: max(11px, 2.291667vw);
		--fs-d4: max(11px, 2.083333vw);
		--fs-stat: max(11px, 3.125vw);
		--fs-name: max(11px, 1.770833vw);
		--fs-lead: max(11px, 0.9375vw);
		--fs-body: max(11px, 0.833333vw);
		--fs-cap: max(11px, 0.729167vw);
		--fs-eyebrow: max(11px, 0.729167vw);
		--fs-kicker: max(11px, 0.572917vw);

		--sp-1: 0.208333vw;
		--sp-2: 0.416667vw;
		--sp-3: 0.625vw;
		--sp-4: 0.833333vw;
		--sp-5: 1.25vw;
		--sp-6: 1.666667vw;
		--sp-7: 2.083333vw;
		--sp-8: 2.5vw;
		--sp-9: 3.333333vw;
		--sp-10: 4.166667vw;
		--sp-11: 5.416667vw;
		--sp-12: 6.666667vw;

		--section-y: 6.25vw;
		--container: 83.3333vw;
		--gutter: 8.3333vw;
		--measure: 34.375vw;
	}
}