/* All Green — tokenuri de design.
   Verdele și albastrul vin din logo (frunză #00ff80 → verde marcă temperat; text #1476e1). */

@layer tokens, base, layout, components, blocks, utilities;

@layer tokens {
	/* Un singur fișier per font (latin + latin-ext, cu Ș/Ț cu virgulă), fără unicode-range:
	   subseturile separate făceau ca Ș din „IAȘI” să pice pe fontul de sistem în unele browsere. */
	@font-face {
		font-family: "Sora";
		font-style: normal;
		font-weight: 100 800;
		font-display: swap;
		src: url("../fonts/sora.woff2") format("woff2");
	}
	@font-face {
		font-family: "Fraunces";
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url("../fonts/fraunces.woff2") format("woff2");
	}
	@font-face {
		font-family: "Inter";
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url("../fonts/inter.woff2") format("woff2");
	}
	:root {
		/* Marcă */
		--g-950: #04231a;
		--g-900: #06301f;
		--g-800: #0a4a30;
		--g-700: #0f6b45;
		--g-600: #15895a;
		--g-500: #1aa86e;
		--mint-500: #35e08a;
		--mint-300: #8cf0bd;
		--mint-100: #d6f8e6;
		--mint-50: #eefbf4;
		--blue-700: #0d5ab3;
		--blue-500: #1476e1;
		--blue-100: #dbe9fb;
		--amber-700: #9a5b00;
		--amber-100: #fdecc8;

		--white: #ffffff;
		--gray-50: #f3f6f1;
		--gray-100: #e9efe8;
		--gray-200: #dfe6e2;
		--gray-500: #6b7a73;

		--ink: #0d1f18;
		--ink-soft: color-mix(in oklab, var(--ink) 74%, transparent);
		--ink-faint: color-mix(in oklab, var(--ink) 50%, transparent);
		--line: color-mix(in oklab, var(--g-900) 12%, transparent);

		--bg: var(--white);
		--bg-alt: var(--gray-50);
		--cream: #f7f5ee;
		--bg-dark: var(--g-900);

		--accent: var(--mint-500);
		--accent-ink: var(--g-950);

		/* Tipografie — fluidă între 360px și 1440px */
		--font-display: "Fraunces", Georgia, "Times New Roman", serif;
		--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

		--step--1: clamp(0.84rem, 0.81rem + 0.14vw, 0.93rem);
		--step-0: clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
		--step-1: clamp(1.18rem, 1.1rem + 0.36vw, 1.4rem);
		--step-2: clamp(1.4rem, 1.26rem + 0.62vw, 1.78rem);
		--step-3: clamp(1.66rem, 1.42rem + 1.05vw, 2.3rem);
		--step-4: clamp(1.98rem, 1.6rem + 1.68vw, 3rem);
		--step-5: clamp(2.35rem, 1.75rem + 2.6vw, 3.9rem);
		--step-6: clamp(2.7rem, 1.8rem + 4vw, 5.1rem);

		--lh-tight: 1.05;
		--lh-heading: 1.15;
		--lh-body: 1.65;

		/* Spațiere fluidă */
		--space-3xs: clamp(0.25rem, 0.24rem + 0.05vw, 0.31rem);
		--space-2xs: clamp(0.5rem, 0.48rem + 0.11vw, 0.56rem);
		--space-xs: clamp(0.75rem, 0.71rem + 0.16vw, 0.88rem);
		--space-s: clamp(1rem, 0.95rem + 0.22vw, 1.13rem);
		--space-m: clamp(1.5rem, 1.43rem + 0.33vw, 1.69rem);
		--space-l: clamp(2rem, 1.9rem + 0.43vw, 2.25rem);
		--space-xl: clamp(3rem, 2.86rem + 0.65vw, 3.38rem);
		--space-2xl: clamp(4rem, 3.5rem + 2vw, 5.5rem);
		--space-3xl: clamp(5rem, 4rem + 4vw, 8rem);

		--wrap: 76rem;
		--wrap-ingust: 62rem;
		--gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
		--header-h: 4.75rem;

		--radius-s: 0.5rem;
		--radius: 1rem;
		--radius-l: 1.5rem;
		--radius-pill: 999px;

		--shadow-s: 0 1px 2px rgb(6 48 31 / 0.06), 0 2px 8px rgb(6 48 31 / 0.05);
		--shadow: 0 10px 30px -12px rgb(6 48 31 / 0.25);
		--shadow-l: 0 30px 60px -24px rgb(6 48 31 / 0.35);

		--dur: 220ms;
		--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	}
}