/* ============================================================
   TOKENS v6 — LUMORIA DARK (lumoria.wpenginepowered.com → wersja
   ciemna na życzenie Szymona, 2026-07-10). Wartości zmierzone:
   Josefin Sans 600 Capitalize (h1 54/64.8, h2 42.6) · body 16/25.6
   · ZŁOTO #F26A1B (ich sygnatura, 154 użycia) · radius 20 (foto/karty)
   · przyciski PILL złote · panele wpuszczone w tło.
   Dark-transpozycja: papier #F5F4F2 → głęboki #141312, panele #1C1B19.
   ============================================================ */

/* ── FONTY ── */
@font-face { font-family: 'Josefin Sans'; src: url('../fonts/josefin-sans-400-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Josefin Sans'; src: url('../fonts/josefin-sans-500-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Josefin Sans'; src: url('../fonts/josefin-sans-600-latin.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans-400-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans-500-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }

:root {
	/* ── KOLORY — Lumoria dark ── */
	--c-brand:        #F26A1B;   /* pomarańcz budowlany (hi-vis) — CTA/kickery/detale; #161616 tekst = 5.4:1 */
	--c-brand-hover:  #FF7F33;
	--c-brand-soft:   rgba(242, 106, 27, 0.14);
	--c-brand-ink:    #F97B31;   /* na ciemnym tle ~5.6:1 */
	--c-ink:          #F5F4F2;   /* tekst główny (dark mode) */
	--c-ink-soft:     #C9C6C0;   /* body na ciemnym (9.5:1) */
	--c-muted:        #9B978F;   /* meta (5.3:1 na #141312) */
	--c-line:         #2E2C29;   /* hairline na ciemnym */
	--c-bg:           #141312;   /* tło strony */
	--c-bg-alt:       #1C1B19;   /* panele/sekcje wpuszczone */
	--c-card:         #221F1C;   /* karty — cieplejszy stopień nad panelem */
	--c-success:      #7DBE8E;
	--c-warning:      #F26A1B;
	--c-danger:       #D98070;
	--c-on-brand:     #161616;   /* ciemny tekst na złocie (Lumoria) */

	/* ── DARK aliasy (używane przez sekcje „dark") — tu = jeszcze głębiej ── */
	--c-dark-bg:      #0E0D0C;
	--c-dark-bg-2:    #1C1B19;
	--c-dark-line:    rgba(255, 255, 255, 0.12);
	--c-dark-ink:     #F5F4F2;
	--c-dark-soft:    #C9C6C0;
	--c-dark-muted:   #9B978F;

	/* ── ALIASY generyczne startera ── */
	--c-accent:       var(--c-brand);
	--c-accent-hover: var(--c-brand-hover);
	--c-accent-text:  var(--c-brand-ink);
	--c-primary:      var(--c-brand);
	--c-on-primary:   var(--c-on-brand);
	--c-fg:           var(--c-ink);
	--c-text:         var(--c-ink);
	--font-sans:      var(--font-body);

	/* ── TYPOGRAFIA (Lumoria: Josefin 600 Capitalize; body DM Sans) ── */
	--font-display: 'Josefin Sans', system-ui, -apple-system, Segoe UI, sans-serif;
	--font-body:    'DM Sans', system-ui, -apple-system, Segoe UI, sans-serif;
	--font-mono:    'Josefin Sans', system-ui, sans-serif; /* labelki/kickery */
	--fw-regular: 400;
	--fw-medium:  500;
	--fw-semibold:600;
	--fw-bold:    600;
	--fw-display: 600;
	--text-xs:  0.875rem;                                    /* 14 — kickery */
	--text-sm:  1rem;                                        /* 16 — menu/przyciski */
	--text-base:1.0625rem;                                   /* 17 — body ~27 */
	--text-lg:  clamp(1.125rem, 0.4vw + 1rem, 1.4rem);       /* lead / h3 22.7 */
	--text-xl:  clamp(1.75rem, 1.6vw + 1.2rem, 2.6625rem);   /* h2 42.6 */
	--text-2xl: clamp(2.125rem, 2.2vw + 1.4rem, 3.375rem);   /* h1 54 */
	--lh-tight: 1.2;     /* 64.8/54 */
	--lh-body:  1.6;     /* 25.6/16 */
	--ls-tight: 0;
	--ls-mono:  0.12em;  /* kickery caps */

	/* ── SPACING ── */
	--sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
	--sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
	--section-py: clamp(64px, 7vw, 110px);

	/* ── ZAOKRĄGLENIA — Lumoria: foto/karty 20, przyciski PILL ── */
	--radius-sm:  10px;
	--radius-md:  16px;
	--radius-lg:  20px;
	--radius-xl:  28px;
	--radius-pill: 999px;

	/* ── CIENIE — miękkie na ciemnym (głębia jasnością paneli) ── */
	--shadow-card:  0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 30px rgba(0, 0, 0, 0.35);
	--shadow-lift:  0 16px 44px rgba(0, 0, 0, 0.45);
	--shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.55);

	/* ── MOTION ── */
	--dur-fast: 150ms;
	--dur-base: 250ms;
	--dur-slow: 480ms;
	--ease: cubic-bezier(.25,.6,.3,1);
	--ease-out: cubic-bezier(.16,1,.3,1);

	/* ── LAYOUT ── */
	--container: 1320px;
	--container-narrow: 760px;
	--header-h: 76px;
	--z-header: 100;
	--z-drawer: 200;
	--z-modal: 300;
	--z-toast: 400;
}

@media (prefers-reduced-motion: reduce) {
	:root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}