/*
 * variables.css
 * CityPress – CSS Custom Properties
 * Nadpisywane przez panel administracyjny motywu.
 */

:root {
	/* ---- Paleta kolorów ---- */
	--cp-navy: #0F172A;
	--cp-navy-mid: #1e1b4b;
	--cp-red: #F43F5E;
	--cp-red-light: #FB7185;
	--cp-orange: #F97316;
	--cp-green: #10B981;
	--cp-purple: #8B5CF6;
	--cp-blue: #3B82F6;

	/* ---- Kolory semantyczne ---- */
	--color-bg: #F1F5F9;           /* Bardzo lodowy, chłodny szary (zamiast ciepłego beżu) */
	--color-surface: #FFFFFF;
	--color-surface-alt: #E2E8F0;  /* Chłodne, wtórne tło dla kontrastu */
	--color-surface-sub: #F8FAFC;  /* Piekielnie jasna, minimalnie błękitnawa szarość */
	--color-text: #1E293B;         /* Bardzo głęboki, zimny grafit dla tekstu */
	--color-text-muted: #475569;   /* Chłodny szary dla pobocznych tekstów */
	--color-text-faint: #94A3B8;   /* Wyblakły, zimny odcień szarości */
	--color-text-inverse: #FFFFFF;
	--color-link: #0F172A;
	--color-link-hover: #F43F5E;
	--color-border: #CBD5E1;       /* Zimne obramowania */
	--color-border-light: #E2E8F0; /* Jaśniejsze zimne obramowania */
	--color-accent: #F43F5E;

	/* ---- Kolory kategorii ---- */
	--cat-news: #0F172A;
	--cat-city: #10B981;
	--cat-events: #8B5CF6;
	--cat-alert: #F43F5E;
	--cat-magazine: #F97316;
	--cat-guide: #3B82F6;
	--cat-sponsored: #666;
	--cat-health: #06b6d4; /* cyjan */
	--cat-tech: #a855f7; /* fiolet */
	--cat-finance: #22c55e; /* zieleń */
	--cat-auto: #64748b; /* grafit */
	--cat-home: #ec4899; /* róż */
	--cat-kitchen: #eab308; /* złoty */
	--cat-biz: #3b82f6; /* błękit */

	/* ---- Typografia ---- */
	--font-heading: 'Oswald', system-ui, sans-serif;
	--font-body: 'Poppins', system-ui, sans-serif;

	--fs-10: 0.625rem;
	--fs-11: 0.6875rem;
	--fs-12: 0.75rem;
	--fs-13: 0.8125rem;
	--fs-14: 0.875rem;
	--fs-15: 0.9375rem;
	--fs-16: 1rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.125rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-26: 1.625rem;
	--fs-30: 1.875rem;
	--fs-36: 2.25rem;
	--fs-44: 2.75rem;

	--lh-tight: 1.12;
	--lh-snug: 1.28;
	--lh-heading: 1.35;
	--lh-normal: 1.55;
	--lh-relaxed: 1.7;

	/* ---- Odstępy ---- */
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.25rem;
	--sp-6: 1.5rem;
	--sp-8: 2rem;
	--sp-10: 2.5rem;
	--sp-12: 3rem;
	--sp-16: 4rem;

	/* ---- Layout ---- */
	--container-max: 1240px;
	--container-pad: 1.25rem;

	/* ---- Kształty ---- */
	--radius-xs: 4px;
	--radius-sm: 4px;
	--radius-md: 4px;
	--radius-lg: 4px;
	--radius-full: 9999px;
	/* Zostawiono dla idealnych kółek */

	/* ---- Cienie ---- */
	--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);
	--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);
	--shadow-md: 0 4px 14px rgba(0, 0, 0, .11);
	--shadow-lg: 0 8px 28px rgba(0, 0, 0, .16);

	/* ---- Przejścia ---- */
	--ease-base: 0.18s ease;
	--ease-med: 0.28s ease;

	/* ---- Nagłówek ---- */
	--header-slim-h: 30px;
	--header-logo-h: 70px;
	--header-nav-h: 42px;
}

/* ---- Ciemny motyw ---- */
[data-theme="dark"] {
	--color-bg: #0F1419;
	--color-surface: #1C2128;
	--color-surface-alt: #252C35;
	--color-surface-sub: #1C2128;
	--color-text: #E6EDF3;
	--color-text-muted: #8B949E;
	--color-text-faint: #6B6F77;
	--color-text-inverse: #0F1419;
	--color-link: #79A8E8;
	--color-link-hover: #ff1900;
	--color-border: #30363D;
	--color-border-light: #252C35;
	--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);
	--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);
	--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);
	--shadow-lg: 0 8px 28px rgba(0, 0, 0, .6);
}

/* ---- Wysoki kontrast ---- */
[data-theme="high-contrast"] {
	--color-bg: #000;
	--color-surface: #000;
	--color-surface-alt: #111;
	--color-surface-sub: #000;
	--color-text: #FFF;
	--color-text-muted: #CCC;
	--color-text-faint: #AAA;
	--color-text-inverse: #000;
	--color-link: #FF0;
	--color-link-hover: #F80;
	--color-border: #666;
	--color-border-light: #444;
	--color-accent: #FF0;
}

/* Wszystkie linki żółte w trybie wysokiego kontrastu */
[data-theme="high-contrast"] a {
	color: #FFFF00;
	text-decoration: underline;
}

[data-theme="high-contrast"] a:hover,
[data-theme="high-contrast"] a:focus-visible {
	color: #FF8800;
}