/* Solera v2 tokens: white, light, forest accent. One place to change the brand. */
html:root {
	--white: #FFFFFF;
	--ink: #17191A;            /* tekst główny */
	--ink-2: #5B5F63;          /* tekst drugorzędny */
	--line: #E7E4DF;           /* cienkie linie */
	--surface: #F6F4F0;        /* jasne sekcje, ciepła szarość */
	--surface-2: #EFECE6;
	--forest: #1F4D3A;
	--forest-dk: #163A2B;
	--forest-soft: #E8F0EB;
	--forest-mist: #F3F7F4;
	--amber: #B5762B;
	--amber-dk: #8A5620;
	--amber-soft: #FBF1E2;
	--accent: var(--forest);
	--accent-dk: var(--forest-dk);

	/* zgodność wsteczna z nazwami z v1 (wszystko mapuje na jasną paletę) */
	--cask: var(--ink);
	--brown: var(--ink-2);
	--straw: var(--white);
	--sand: var(--surface);
	--edge: var(--line);

	--grad-hero: radial-gradient(120% 90% at 100% 0%, rgba(31, 77, 58, .10) 0%, rgba(31, 77, 58, 0) 55%), linear-gradient(180deg, #FFFFFF 0%, #F6F4F0 100%);
	--grad-soft: linear-gradient(180deg, rgba(232, 240, 235, 0) 0%, rgba(232, 240, 235, .9) 100%);
	--grad-card: linear-gradient(180deg, #FFFFFF 0%, #FAF9F6 100%);

	--font-head: 'Sora', 'Helvetica Neue', Arial, sans-serif;
	--font-body: 'Karla', 'Helvetica Neue', Arial, sans-serif;
	--font-mono: 'Sora', 'Helvetica Neue', Arial, sans-serif;

	--text: 18px;
	--text-sm: 16px;
	--lh: 1.55;
	--radius: 14px;
	--radius-lg: 22px;
	--pill: 999px;
	--touch: 44px;
	--wrap: 1320px;
	--gutter: clamp(20px, 4vw, 56px);
	--shadow-sm: 0 1px 2px rgba(23, 25, 26, .04), 0 6px 20px rgba(23, 25, 26, .06);
	--shadow-md: 0 12px 40px rgba(23, 25, 26, .10);
	--ease: cubic-bezier(.2, .7, .2, 1);

	/* Blocksy bridge */
	--theme-font-family: var(--font-body);
	--theme-heading-font-family: var(--font-head);
	--theme-text-color: var(--ink);
	--theme-heading-color: var(--ink);
	--theme-link-initial-color: var(--accent);
	--theme-link-hover-color: var(--ink);
	--theme-palette-color-1: var(--ink);
	--theme-palette-color-2: var(--accent);
	--theme-palette-color-3: var(--ink);
	--theme-palette-color-4: var(--ink-2);
	--theme-palette-color-5: var(--line);
	--theme-palette-color-6: var(--surface);
	--theme-palette-color-7: var(--white);
	--theme-palette-color-8: var(--white);
	--theme-button-background-initial-color: var(--accent);
	--theme-button-background-hover-color: var(--accent-dk);
	--theme-button-text-initial-color: var(--white);
	--theme-button-text-hover-color: var(--white);
	--theme-border-color: var(--line);
	--theme-content-spacing: 2rem;
}
