/* =========================================================================
   Sunbird Reimagined — Design tokens
   Källa: Figma styleguide (frame 1065:10148). Endast Figma-bekräftade värden.
   Fluid typografi: clamp() mellan mobil (375px) och desktop (1920px = Figma designbredd).
   Rubriker når Figma desktop-värden vid 1920 och krymper på smalare skärmar.
   Formel: clamp(MIN, calc(MIN + DIFFpx * (100vw - 375px) / 1545), MAX)
   ========================================================================= */

:root {
	/* --- Färg (endast Figma-bekräftade — inga påhittade mellansteg) ------- */
	/* Uteslutna tills design kräver dem: neutral 700. */
	--color-neutral-1000: #1d1f1f;
	--color-neutral-900:  #2d2d2b;
	--color-neutral-800:  #4a4a48;
	--color-neutral-600:  #878782; /* case-slider pagination aktiv-dot — Figma neutral/600 */
	--color-neutral-500:  #a5a59f; /* eyebrow-text (Agents m.fl.) — Figma neutral/500 */
	--color-neutral-400:  #c1c1bb;
	--color-neutral-300:  #dcdcd4;
	--color-neutral-200:  #f2f2ea; /* sektions-bg (Accordion m.fl.) */
	--color-neutral-100:  #fafaf5;
	--color-coral-600:    #fb575d;
	--color-coral-500:    #ff8685;
	/* Stjärnbetyg (reviews-blocken). Figma-stjärnornas fill — utanför neutral/coral-paletten. */
	--color-star:         #ffa600;
	/* Online-status-prick (Agents). UTANFÖR Figma/paletten — användarval (grön). */
	--color-online:       #22c55e;

	/* Semantiska alias */
	--color-text: var(--color-neutral-900);
	--color-link: var(--color-coral-600);
	--color-bg:   var(--color-neutral-100);

	/* --- Typsnitt --------------------------------------------------------- */
	--font-heading: "Inter Tight", sans-serif;
	--font-body:    "Inter", sans-serif;

	--fw-regular:   400;
	--fw-medium:    500; /* Inter Tight Medium — namn i quote-slider-pill */
	--fw-semibold:  600;
	--fw-bold:      700;
	--fw-extrabold: 800;
	--fw-black:     900; /* Inter Tight Black — Counter-siffra (1053:9310) */

	/* --- Line-height ------------------------------------------------------ */
	--leading-tight:  1.1;  /* H1, H2 */
	--leading-snug:   1.2;  /* H3–H6, knapp */
	--leading-normal: 1.5;  /* brödtext */

	/* --- Typstorlekar (fluid clamp, px-exakt vid 375 & 1920) -------------- */
	/* Display: 58px mobil → 157px desktop (mobil-värdet satt av användaren). */
	--text-display: clamp(3.625rem, calc(3.625rem + 99 * (100vw - 375px) / 1545), 9.8125rem);
	--text-h1:      clamp(2.25rem,  calc(2.25rem + 55 * (100vw - 375px) / 1545), 5.6875rem);
	--text-h2:      clamp(2rem,     calc(2rem + 37 * (100vw - 375px) / 1545),    4.3125rem);
	--text-h3:      clamp(1.8125rem,calc(1.8125rem + 24 * (100vw - 375px) / 1545),3.3125rem);
	--text-h4:      clamp(1.625rem, calc(1.625rem + 14 * (100vw - 375px) / 1545), 2.5rem);
	--text-h5:      clamp(1.4375rem,calc(1.4375rem + 8 * (100vw - 375px) / 1545), 1.9375rem);
	--text-h6:      clamp(1.25rem,  calc(1.25rem + 4 * (100vw - 375px) / 1545),  1.5rem);

	--text-body-l:  1.125rem;  /* 18px (samma mobil/desktop i Figma) */
	--text-body-m:  0.875rem;  /* 14px (samma mobil/desktop) */
	--text-body-s:  0.6875rem; /* 11px desktop + mobil (satt av användaren; Figma hade 12 på mobil) */
	--text-button:  1rem;      /* 16px */

	/* --- Spacing (gap/inre mellanrum, PROVISORISK skala) ----------------- */
	/* För gap och små mellanrum. Sektions-padding har EGEN skala (--padding-*).
	   8pt-rytm, fluid. Kalibreras vid behov. */
	--space-none: 0;
	--space-xs:  clamp(0.5rem,  calc(0.5rem + 4 * (100vw - 375px) / 1065),  0.75rem); /* 8→12 */
	--space-s:   clamp(0.75rem, calc(0.75rem + 4 * (100vw - 375px) / 1065), 1rem);    /* 12→16 */
	--space-m:   clamp(1rem,    calc(1rem + 8 * (100vw - 375px) / 1065),    1.5rem);   /* 16→24 */
	--space-l:   clamp(1.5rem,  calc(1.5rem + 16 * (100vw - 375px) / 1065), 2.5rem);   /* 24→40 */
	--space-xl:  clamp(2.5rem,  calc(2.5rem + 24 * (100vw - 375px) / 1065), 4rem);     /* 40→64 */
	--space-2xl: clamp(4rem,    calc(4rem + 32 * (100vw - 375px) / 1065),   6rem);     /* 64→96 */
	--space-3xl: clamp(6rem,    calc(6rem + 48 * (100vw - 375px) / 1065),   9rem);     /* 96→144 */

	/* --- Sektions-padding (egen skala, fluid 375→1920, divisor 1545) ------
	   Default i admin = m (64→144). "Tightare topp": jämna 48-steg upp till m,
	   mindre hopp ovanför. Driver .pt-*/.pb-* via Padding-klonen. */
	--padding-none: 0;
	--padding-xs:  clamp(1.5rem, calc(1.5rem + 24 * (100vw - 375px) / 1545), 3rem);   /* 24→48 */
	--padding-s:   clamp(2.5rem, calc(2.5rem + 56 * (100vw - 375px) / 1545), 6rem);   /* 40→96 */
	--padding-m:   clamp(4rem,   calc(4rem + 80 * (100vw - 375px) / 1545),   9rem);   /* 64→144 (default) */
	--padding-l:   clamp(5rem,   calc(5rem + 96 * (100vw - 375px) / 1545),   11rem);  /* 80→176 */
	--padding-xl:  clamp(6rem,   calc(6rem + 112 * (100vw - 375px) / 1545),  13rem);  /* 96→208 */
	--padding-2xl: clamp(7rem,   calc(7rem + 128 * (100vw - 375px) / 1545),  15rem);  /* 112→240 */
	--padding-3xl: clamp(8rem,   calc(8rem + 144 * (100vw - 375px) / 1545),  17rem);  /* 128→272 */

	/* --- Layout (PROVISORISK gutter — kalibreras) ------------------------ */
	--container-max:    1460px; /* Figma content-bredd på 1920-canvas */
	--container-gutter: clamp(1.25rem, 4vw, 2rem); /* 20px mobil → 32px */
}