/**
 * Noxiy Child - Brand tokens (system marki)
 * ============================================================
 * ZAAKCEPTOWANY KIERUNEK: "C - Grafit + energia" (Stal & Żar / więcej żaru).
 * Baza premium: głęboki granat + chłodny błękit (autorytet); akcent energii:
 * ciepły „żar" (pomarańcz) + grafitowe pasy sekcji (WOW). Jedno źródło prawdy.
 *
 * Warstwy:
 *   1) Tokeny semantyczne --kp-*  (nasze, stabilne API dla custom-sekcji)
 *   2) Nadpisania :root rodzica    (reskin istniejącego motywu/Elementora)
 *
 * Ładowane PO `noxiy-sass` (patrz inc/enqueue.php), więc te reguły wygrywają.
 */

:root {

	/* ---------- 1) PALETA (semantyczna) ---------- */

	/* Marka - głęboki stalowy granat (autorytet, premium) */
	--kp-primary:        #0E2A44;
	--kp-primary-600:    #14456B;
	--kp-primary-700:    #0A2036;
	--kp-primary-800:    #081A2C;

	/* Akcent ENERGII - „żar” (headline CTA / ikony / akcenty) - definiuje kierunek C */
	--kp-accent:         #FF6B2C;
	--kp-accent-600:     #EA5A1E;
	--kp-accent-700:     #C9490F;
	--kp-accent-soft:    #FFE7DA;

	/* Akcent CHŁODU - błękit HVAC (element drugorzędny / „chłodzenie”) */
	--kp-cool:           #12A0C4;
	--kp-cool-600:       #0E86A6;
	--kp-cool-soft:      #E4F6FB;

	/* Neutralne */
	--kp-ink:            #0D2136;  /* nagłówki */
	--kp-body:           #46586A;  /* tekst */
	--kp-muted:          #626E7A;  /* tekst drugorzędny (WCAG AA: 5.2:1 na bieli, 4.8:1 na --kp-surface-2) */
	--kp-line:           #DBE5EE;  /* obramowania / linie */
	--kp-surface:        #FFFFFF;  /* karty */
	--kp-surface-2:      #F3F7FB;  /* jasne tło sekcji */
	--kp-white:          #FFFFFF;

	/* Ciemne powierzchnie - grafit (pasy „energii”/WOW) */
	--kp-graphite:       #12171D;
	--kp-graphite-2:     #1B222A;
	--kp-dark:           #12171D;  /* alias wsteczny */
	--kp-dark-2:         #1B222A;

	/* Stany */
	--kp-success:        #1F9D6B;
	--kp-warning:        #E0A100;
	--kp-danger:         #DB4B4B;

	/* Gradienty (hero / akcenty) */
	--kp-gradient-hero:  linear-gradient(150deg, #0C2136 0%, #123A5A 48%, #0E2A44 100%);
	--kp-gradient-accent:linear-gradient(135deg, #FF6B2C 0%, #EA5A1E 100%);

	/* SYGNATURA „skala termiczna”: chłód → żar (teza marki: kontrola temperatury).
	   Rampa chłód(błękit) → amber → żar; unika brudnego szarego środka blue→orange.
	   Poziomy = podkreślenia eyebrow; pionowy = skala w hero + rail scrollu. */
	/* Poziomy (tick przy eyebrow): żar (lewo) → chłód (prawo) - spójnie z hero i railem. */
	--kp-gradient-thermal:   linear-gradient(90deg, #FF6B2C 0%, #F2B441 38%, #4FB8D4 80%, #12A0C4 100%);
	/* Pionowy (rail scrollu): żar u GÓRY → chłód u DOŁU. */
	--kp-gradient-thermal-v: linear-gradient(180deg, #FF6B2C 0%, #F2B441 38%, #4FB8D4 80%, #12A0C4 100%);

	/* ---------- 2) TYPOGRAFIA ---------- */

	/* Kierunek „WOW” (zatwierdzony 2026-08-12): nagłówki = Space Grotesk („inżynierski”
	   grotesk, precyzja HVAC), tekst = Kumbh Sans (bez zmian), dane = Space Mono
	   („odczyt z przyrządu”: staty, ceny, godziny, eyebrows). Fonty ładuje inc/enqueue.php. */
	--kp-font-heading:   "Space Grotesk", "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
	--kp-font-body:      "Kumbh Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--kp-font-mono:      "Space Mono", ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;

	/* Skala typograficzna (clamp = responsywność) */
	--kp-fs-display:     clamp(2rem, 2.6vw + 0.9rem, 3.25rem);
	--kp-fs-h1:          clamp(2rem, 2.5vw + 1rem, 3rem);
	--kp-fs-h2:          clamp(1.6rem, 1.5vw + 1rem, 2.25rem);
	--kp-fs-h3:          clamp(1.3rem, 1vw + 0.9rem, 1.6rem);
	--kp-fs-lead:        clamp(1.05rem, 0.4vw + 1rem, 1.25rem);
	--kp-fs-base:        1rem;
	--kp-fs-sm:          0.875rem;

	--kp-fw-regular:     400;
	--kp-fw-medium:      500;
	--kp-fw-semibold:    600;
	--kp-fw-bold:        700;
	--kp-fw-extrabold:   800;

	--kp-lh-tight:       1.15;
	--kp-lh-heading:     1.25;
	--kp-lh-body:        1.65;

	/* ---------- 3) SPACING / RADIUS / SHADOW / LAYOUT ---------- */

	--kp-space-1:        4px;
	--kp-space-2:        8px;
	--kp-space-3:        12px;
	--kp-space-4:        16px;
	--kp-space-5:        24px;
	--kp-space-6:        32px;
	--kp-space-7:        48px;
	--kp-space-8:        64px;
	--kp-space-9:        96px;
	--kp-section-y:      clamp(64px, 8vw, 120px);

	--kp-radius-sm:      6px;
	--kp-radius:         12px;
	--kp-radius-lg:      20px;
	--kp-radius-pill:    999px;

	--kp-shadow-sm:      0 2px 8px rgba(15, 30, 46, 0.06);
	--kp-shadow:         0 12px 40px rgba(15, 30, 46, 0.10);
	--kp-shadow-lg:      0 30px 70px rgba(15, 30, 46, 0.14);

	--kp-container:      1200px;
	--kp-transition:     240ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
 * 2) NADPISANIA TOKENÓW RODZICA (reskin istniejącego motywu)
 *    Parent :root: noxiy/assets/sass/default/_color.scss
 * ============================================================ */

:root {
	/* Kolor akcji / ikony / linki - akcent energii („żar”, kierunek C) */
	--primary-color-1:   var(--kp-accent);
	--primary-color-2:   var(--kp-cool);
	--primary-color-3:   var(--kp-primary-600);

	/* Typografia */
	--body-font:         var(--kp-font-body);
	--heading-font:      var(--kp-font-heading);

	/* Nagłówki i tekst */
	--text-heading-color:var(--kp-ink);
	--bg-heading-color:  var(--kp-ink);
	--btn-heading-color: var(--kp-ink);
	--body-color:        var(--kp-body);
	--dark-one:          var(--kp-dark);
	--dark-two:          var(--kp-dark-2);

	/* Obramowania / cienie */
	--border-color-1:    var(--kp-line);
	--box-shadow-1:      var(--kp-shadow);
	--box-shadow-2:      var(--kp-shadow-lg);
}