/* Tokeny z design/design-system.md. Jedyne zrodlo prawdy o kolorze, typografii i rytmie. */

:root {
	/* Baza — grafit, nigdy czysta czern */
	--fa-ink-950: #0e0f11;
	--fa-ink-900: #141517;
	--fa-ink-800: #1a1c1f;
	--fa-ink-700: #212429;
	--fa-ink-600: #2a2e34;
	--fa-ink-500: #373c43;
	--fa-ink-400: #4a5058;

	/* Akcent — pomaranczowy */
	--fa-orange-300: #ffb05c;
	--fa-orange-400: #fe9524;
	--fa-orange-500: #fd8202;
	--fa-orange-600: #d96c00;
	--fa-orange-700: #a85300;
	--fa-orange-tint: #2a1b08;

	/* Drugi akcent — fiolet. Tylko oznaczenia, nigdy CTA, nigdy tekst < 18px */
	--fa-purple-500: #8b4dff;
	--fa-purple-400: #a273ff;
	--fa-purple-tint: #211433;

	/* Tekst */
	--fa-text-primary: #f4f5f6;
	--fa-text-secondary: #a8aeb6;
	--fa-text-muted: #737a82;
	--fa-text-on-accent: #141517;

	/* Stany */
	--fa-success: #35b37e;
	--fa-error: #f04747;
	--fa-warning: #f5a623;
	--fa-focus: #fd8202;

	/* Metale — wylacznie odznaki i karta zawodnika, poza UI */
	--fa-bronze: #b06a2c;
	--fa-silver: #c2c8ce;
	--fa-gold: #e5a20b;
	--fa-platinum: #8fd3e8;

	/* Typografia */
	--fa-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--fa-font-ui: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--fa-text-12: 0.75rem;
	--fa-text-13: 0.8125rem;
	--fa-text-15: 0.9375rem;
	--fa-text-16: 1rem;
	--fa-text-18: 1.125rem;
	--fa-text-20: 1.25rem;
	--fa-text-24: 1.5rem;
	--fa-text-32: 2rem;
	--fa-text-40: 2.5rem;
	--fa-text-56: 3.5rem;
	--fa-text-72: 4.5rem;

	--fa-leading-tight: 1.02;
	--fa-leading-heading: 1.1;
	--fa-leading-body: 1.55;

	/* Rytm — skala 4-bazowa */
	--fa-space-1: 4px;
	--fa-space-2: 8px;
	--fa-space-3: 12px;
	--fa-space-4: 16px;
	--fa-space-6: 24px;
	--fa-space-8: 32px;
	--fa-space-12: 48px;
	--fa-space-16: 64px;
	--fa-space-24: 96px;

	/* Ksztalt */
	--fa-radius: 0;
	--fa-corner-cut: 10px;
	--fa-brand-angle: 20deg;
	--fa-hairline: 1px solid var(--fa-ink-400);
	--fa-rule: 1px solid var(--fa-ink-500);

	/* Jedyny dopuszczalny cien: modal i sticky-bar */
	--fa-shadow-lift: 0 12px 32px rgb(0 0 0 / 0.45);
}