/*
 * DESIGN TOKENY — jediný zdroj pravdy pro barvy, fonty, spacing.
 * Hodnoty zrcadlí theme.json, aby admin i frontend ukazovaly stejné věci.
 * Komponenty/sekce by NIKDY neměly hardcoded barvy — vždy přes var(--rp-*).
 */

:root {
	/* ── Barvy ───────────────────────────────────────────── */
	--rp-color-bg:           #111827;
	--rp-color-surface:      #1C2532;
	--rp-color-text:         #F3F4F6;
	--rp-color-text-muted:   #9CA3AF;
	--rp-color-accent:       #22C55E;
	--rp-color-accent-light: #29F674;
	--rp-color-accent-dark:  #169B3F;
	--rp-color-warning:      #EF7C2B;
	--rp-color-border:       rgba(243, 244, 246, 0.08);

	/* ── Typografie ──────────────────────────────────────── */
	--rp-font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* Tracking dle Figmy: nadpisy/eyebrow -3 %, body -2 %. */
	--rp-tracking-tight:  -0.03em;
	--rp-tracking-normal: -0.02em;

	/* Velikosti písma (fluid přes clamp pro responzivitu) */
	--rp-fs-xs:  0.875rem;        /* 14px */
	--rp-fs-sm:  1rem;            /* 16px */
	--rp-fs-md:  1.125rem;        /* 18px */
	--rp-fs-lg:  1.25rem;         /* 20px */
	--rp-fs-xl:  clamp(1.5rem, 1.2rem + 1vw, 2rem);
	--rp-fs-2xl: clamp(2rem, 1.5rem + 2vw, 3rem);
	--rp-fs-3xl: clamp(2.5rem, 1.8rem + 3vw, 4rem);

	--rp-lh-tight:    1.1;   /* nadpisy 110 % */
	--rp-lh-normal:   1.5;   /* body 150 % */
	--rp-lh-relaxed:  1.7;

	--rp-fw-regular:  400;
	--rp-fw-medium:   500;
	--rp-fw-semibold: 600;
	--rp-fw-bold:     700;

	/* ── Layout ──────────────────────────────────────────── */
	--rp-content-max: 1200px;
	--rp-content-wide: 1400px;
	--rp-section-py:   120px;            /* desktop margin mezi sekcemi */
	--rp-section-py-mobile: 64px;

	/* Spacing škála */
	--rp-space-1:  4px;
	--rp-space-2:  8px;
	--rp-space-3:  12px;
	--rp-space-4:  16px;
	--rp-space-5:  24px;
	--rp-space-6:  32px;
	--rp-space-7:  48px;
	--rp-space-8:  64px;
	--rp-space-9:  96px;
	--rp-space-10: 120px;

	/* ── Rádiusy ─────────────────────────────────────────── */
	--rp-radius-sm:  8px;
	--rp-radius-md:  12px;
	--rp-radius-lg:  16px;
	--rp-radius-pill: 999px;

	/* ── Stíny ───────────────────────────────────────────── */
	--rp-shadow-card: 0 1px 2px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.25);

	/* ── Tranzice ────────────────────────────────────────── */
	--rp-transition-fast: 150ms ease;
	--rp-transition:      250ms ease;
}