/*
 * Тріск — дизайн-токени.
 * Єдине джерело кольорів, шрифтів, відступів і форм для дочірньої теми та Woo-шаблонів.
 */

:root {
	/* ── Матеріали ─────────────────────────────────────────── */
	--t-paper: #F4EDE1;          /* небілений папір: основа сторінки */
	--t-paper-raised: #FBF7F0;   /* поля вводу, спливні панелі */
	--t-kraft: #DCC7A4;          /* крафт-пакет: фон фото товару, смуги-секції */
	--t-kraft-deep: #C9AE82;     /* крафт у тіні: hover плиток на крафті */
	--t-ink: #24170F;            /* темна обсмажка: текст, темні секції */
	--t-ink-soft: #5E4A3A;       /* другорядний текст (7.2:1 на папері, 5.1:1 на крафті) */
	--t-line: rgb(36 23 15 / 0.16);
	--t-line-strong: rgb(36 23 15 / 0.42);

	/* ── Акцент: теракота. Лише на папері/темному, ніколи текстом на крафті ── */
	--t-terra: #A8431F;          /* CTA, ціна-акцент, активний стан (5.2:1 на папері) */
	--t-terra-press: #8C3517;
	--t-on-terra: #FBF7F0;

	/* ── Шкала обсмаження: дані, не декор ─────────────────── */
	--t-roast-1: #C99A63;        /* світла */
	--t-roast-2: #B07445;        /* світло-середня */
	--t-roast-3: #8C5530;        /* середня */
	--t-roast-4: #6B3D22;        /* середньо-темна */
	--t-roast-5: #4A2918;        /* темна */
	--t-roast-6: #2B1A10;        /* дуже темна */
	--t-roast-ghost: rgb(36 23 15 / 0.10); /* непідсвічена комірка */

	/* ── Стан ───────────────────────────────────────────────── */
	--t-ok: #3F6B3A;
	--t-ok-bg: #E3E8D4;
	--t-warn: #8A5A00;
	--t-warn-bg: #F3E3BF;
	--t-error: #A12A1E;
	--t-error-bg: #F4D9D2;
	--t-focus: #A8431F;

	/* ── Шрифти (усі з українською кирилицею) ─────────────── */
	--t-font-serif: "Brygada 1918", "Georgia", serif;                  /* назви кав, редакційні заголовки */
	--t-font-display: "Fira Sans Extra Condensed", "Arial Narrow", sans-serif; /* великі написи капсом, цифри */
	--t-font-sans: "Fira Sans", "Segoe UI", system-ui, sans-serif;    /* текст, інтерфейс */
	--t-font-mono: "Martian Mono", "Consolas", monospace;              /* вимірювання: г, °C, м, дати */

	/* ── Шкала розмірів (1.25, мобільний → десктоп) ───────── */
	--t-text-xs: 0.75rem;
	--t-text-sm: 0.875rem;
	--t-text-base: 1rem;
	--t-text-md: 1.125rem;
	--t-text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--t-text-xl: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
	--t-text-2xl: clamp(2.125rem, 1.6rem + 2.4vw, 3.5rem);
	--t-display: clamp(3.25rem, 2rem + 6vw, 6rem);

	--t-leading-tight: 1.02;
	--t-leading-snug: 1.2;
	--t-leading-body: 1.55;
	--t-track-caps: 0.02em;
	--t-track-mono: 0.04em;

	/* ── Відступи: 4-піксельна сітка ───────────────────────── */
	--t-space-1: 0.25rem;
	--t-space-2: 0.5rem;
	--t-space-3: 0.75rem;
	--t-space-4: 1rem;
	--t-space-5: 1.5rem;
	--t-space-6: 2rem;
	--t-space-7: 3rem;
	--t-space-8: 4.5rem;
	--t-space-9: 7rem;
	--t-gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
	--t-container: 80rem;
	--t-measure: 65ch;

	/* ── Форма ─────────────────────────────────────────────── */
	--t-radius-s: 2px;           /* усі кути: штамп, не пігулка */
	--t-border: 1px solid var(--t-line);
	--t-border-strong: 1.5px solid var(--t-ink);

	/* ── Глибина: лише для того, що справді над сторінкою ─── */
	--t-shadow-lift: 0 1px 2px rgb(36 23 15 / 0.08), 0 8px 24px -6px rgb(36 23 15 / 0.18);
	--t-shadow-drawer: 0 24px 64px -12px rgb(36 23 15 / 0.35);

	/* ── Рух ───────────────────────────────────────────────── */
	--t-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--t-dur-fast: 120ms;
	--t-dur: 220ms;
	--t-dur-slow: 420ms;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--t-dur-fast: 0ms;
		--t-dur: 0ms;
		--t-dur-slow: 0ms;
	}
}