/**
 * jl-panel-tokeny.css — JEDYNE źródło tokenów „Job Linker Navy” dla nowych bloków panelu pracodawcy
 * (zadanie SJ, 2026-10-08): /submit-job/ (1694), /applicants-jobs/ (1677), /user-dashboard/ (1653).
 *
 * Wartości = aktywny design Novamiry `job-linker-navy` (novamira/get-active-design). Nowe pliki CSS
 * panelu (jl-submit-wizard, jl-submit-ux, jl-pakiet-wybor, jl-szybki-start, jl-kompletnosc-oferty,
 * jl-kandydat-wiersz, jl-aplikacje-wizual) czytają WYŁĄCZNIE te zmienne — bez powielania hexów.
 * Ładowany przez inc/jl-panel-tokeny.php przed resztą (handle `jl-panel-tokeny` jest zależnością).
 * Zmiana tu = podbij wersję w inc/jl-panel-tokeny.php.
 */
:root {
	/* kolory */
	--jl-p-accent: #003366;
	--jl-p-accent-deep: #001B36;
	--jl-p-action: #007BFF;
	--jl-p-action-hover: #3395FF;
	--jl-p-on-accent: #D6E4F2;
	--jl-p-surface: #F2F5F9;
	--jl-p-line: #DDE3EB;
	--jl-p-ink: #202124;
	--jl-p-muted: #5B6470;
	--jl-p-highlight: #FFF277;
	--jl-p-bg: #FFFFFF;

	/* powierzchnie i efekty */
	--jl-p-grad: linear-gradient(135deg, var(--jl-p-accent) 0%, var(--jl-p-accent-deep) 100%);
	--jl-p-shadow-on-navy: 0 10px 28px rgba(0, 20, 45, .22);
	--jl-p-ring: 0 0 0 3px rgba(0, 123, 255, .35);
	--jl-p-highlight-soft: rgba(255, 242, 119, .35);
	--jl-p-backdrop: rgba(0, 20, 45, .55);

	/* kształt i rytm */
	--jl-p-r: 8px;
	--jl-p-r-sm: 5px;
	--jl-p-h: 46px;
	--jl-p-h-sm: 40px;
	--jl-p-s1: 8px;
	--jl-p-s2: 12px;
	--jl-p-s3: 16px;
	--jl-p-s4: 24px;

	/* typografia */
	--jl-p-font-h: Poppins, sans-serif;
	--jl-p-font-b: Roboto, sans-serif;

	/* wysokość przyklejonego nagłówka portalu — nadpisywana w JS (jl-kompletnosc-oferty.js) */
	--jl-p-header-h: 0px;
}

/* Wspólne: ukrycie wizualne z zachowaniem dla czytników ekranu. */
.jl-p-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Wspólne: płynne rozwijanie <details> w nowych blokach (≤150 ms, bez ruchu przy prefers-reduced-motion). */
@media (prefers-reduced-motion: no-preference) {
	.jl-p-details[open] > :not(summary) {
		animation: jl-p-rozwin .15s ease-out;
	}
}

@keyframes jl-p-rozwin {
	from { opacity: 0; }
	to { opacity: 1; }
}