/* ==========================================================================
   Design tokeny — Wesave
   Jedno źródło prawdy dla kolorów, typografii, odstępów, promieni i szerokości.
   Zmiana koloru marki = zmiana w jednym miejscu. Używać WSZĘDZIE przez var().
   ========================================================================== */

:root {
	/* --- Kolory: tła i powierzchnie --- */
	--ws-bg: #FAFAF7;
	--ws-surface: #FFFFFF;
	--ws-paper: #F5F3EE;

	/* --- Kolory: tekst --- */
	--ws-ink: #0B1220;
	--ws-ink-soft: #3B4252;
	--ws-muted: #6B7280;
	--ws-on-dark: #FFFFFF;
	--ws-on-dark-soft: #B6BCC9;

	/* --- Kolory: marka i statusy --- */
	--ws-accent: #0B49B0;
	--ws-accent-hover: #093C92;
	--ws-positive: #1C8C5C;
	--ws-negative: #C0392B;

	/* --- Linie i obramowania --- */
	--ws-line: rgba(11, 18, 32, 0.10);
	--ws-line-soft: rgba(11, 18, 32, 0.06);

	/* --- Typografia --- */
	--ws-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--ws-font-head: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
	--ws-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

	/* Skala rozmiarów tekstu */
	--ws-text-xs: 0.75rem;    /* 12px */
	--ws-text-sm: 0.8125rem;  /* 13px */
	--ws-text-base: 1rem;     /* 16px */
	--ws-text-lg: 1.125rem;   /* 18px */
	--ws-text-xl: 1.25rem;    /* 20px */
	--ws-text-2xl: 1.625rem;  /* 26px */
	--ws-text-3xl: 1.875rem;  /* 30px */
	--ws-text-4xl: 2.875rem;  /* 46px */

	/* --- Odstępy (skala bazowa 4px) --- */
	--ws-space-1: 0.25rem;
	--ws-space-2: 0.5rem;
	--ws-space-3: 0.75rem;
	--ws-space-4: 1rem;
	--ws-space-5: 1.5rem;
	--ws-space-6: 2rem;
	--ws-space-7: 2.5rem;
	--ws-space-8: 4rem;

	/* --- Promienie (styl "sharp" z projektu) --- */
	--ws-radius: 4px;
	--ws-radius-lg: 8px;
	--ws-radius-pill: 999px;

	/* --- Szerokości kontenerów --- */
	--ws-container: 1320px;   /* nagłówek, stopka, listy */
	--ws-container-wide: 1080px; /* obszar artykułu z sidebarem */
	--ws-content: 720px;      /* kolumna tekstu artykułu */

	/* --- Cienie --- */
	--ws-shadow-sm: 0 1px 0 rgba(11, 18, 32, 0.03);
	--ws-shadow: 0 4px 16px rgba(11, 18, 32, 0.08);

	/* --- Inne --- */
	--ws-header-height: 84px;
	--ws-transition: 0.18s ease;

	/* --- Logo (nadpisywane przez Customizer) --- */
	--ws-logo-width: 150px;
	--ws-logo-width-mobile: 120px;
}