/**
 * Paleta i miary motywu Bukieteria.
 *
 * Jedyne miejsce, w którym w motywie pojawiają się wartości surowe. Wszystko
 * poniżej — fundament, widoki, edytor, kokpit — sięga wyłącznie po te zmienne.
 *
 * Nazwy kolorów są kwiatowe, nie funkcyjne: „płatek”, „liść”, „śliwka”.
 * Skala rozmiarów pisma jest płynna (clamp), więc nagłówki rosną razem
 * z szerokością okna, bez skoków na breakpointach.
 *
 * @package kwiaciarnia
 */

:root {
	/* --- Barwy podstawowe --- */
	--kwc-plum: #3b1e33;
	--kwc-plum-soft: #6f5064;
	--kwc-orchid: #b84b93;
	--kwc-orchid-deep: #8f2f6e;
	--kwc-leaf: #6d8f5b;

	/* --- Powierzchnie --- */
	--kwc-paper: #ffffff;
	--kwc-blush: #fdf4f9;
	--kwc-mist: #fbeaf4;
	--kwc-petal: #f7e0ef;
	--kwc-edge: #edd4e5;
	--kwc-edge-firm: #dcb4d0;
	--kwc-on-orchid: #ffffff;

	/* --- Odcienie kategorii --- */
	--kwc-h-rose: #dd6a9c;
	--kwc-h-orchid: #b84b93;
	--kwc-h-plum: #6c3a63;
	--kwc-h-peony: #d1567f;
	--kwc-h-leaf: #6d8f5b;
	--kwc-h-amber: #d9963a;

	/* Odcień bieżącego pasma lub karty — nadpisywany klasą kwc-hue--*. */
	--kwc-hue: var(--kwc-h-orchid);

	/* Tło kadru bez zdjęcia — nadpisywane klasą kwc-tint--*. */
	--kwc-tint: var(--kwc-h-rose);

	/* --- Kroje --- */
	--kwc-face-title: "Playfair Display", "Iowan Old Style", Georgia, serif;
	--kwc-face-text: "DM Sans", "Segoe UI", Helvetica, Arial, sans-serif;
	--kwc-face-script: "Yellowtail", "Snell Roundhand", cursive;

	/* --- Skala pisma (płynna tam, gdzie ma znaczenie) --- */
	--kwc-t-micro: 11px;
	--kwc-t-tiny: 12px;
	--kwc-t-fine: 13px;
	--kwc-t-small: 14px;
	--kwc-t-base: 15px;
	--kwc-t-body: 16px;
	--kwc-t-cozy: 17px;
	--kwc-t-lead: clamp(17px, 1vw + 14px, 20px);
	--kwc-t-card: clamp(17px, 0.5vw + 15px, 20px);
	--kwc-t-card-lg: clamp(21px, 1.2vw + 17px, 27px);
	--kwc-t-band: clamp(27px, 2.4vw + 18px, 42px);
	--kwc-t-page: clamp(31px, 3vw + 19px, 50px);
	--kwc-t-h2: clamp(23px, 1.4vw + 18px, 29px);
	--kwc-t-h3: clamp(19px, 0.8vw + 16px, 22px);
	--kwc-t-prose: clamp(16px, 0.35vw + 15px, 18px);

	/* --- Interlinia --- */
	--kwc-leading-flat: 1;
	--kwc-leading-title: 1.12;
	--kwc-leading-card: 1.28;
	--kwc-leading-snug: 1.4;
	--kwc-leading-body: 1.6;
	--kwc-leading-prose: 1.75;

	/* --- Światło międzyliterowe --- */
	--kwc-track-title: -0.015em;
	--kwc-track-flat: 0;
	--kwc-track-wide: 0.14em;
	--kwc-track-pill: 0.09em;

	/* --- Grubości --- */
	--kwc-weight-text: 400;
	--kwc-weight-mid: 500;
	--kwc-weight-strong: 600;
	--kwc-weight-heavy: 700;
	--kwc-weight-display: 800;

	/* --- Rytm pionowy --- */
	--kwc-gap-1: 6px;
	--kwc-gap-2: 10px;
	--kwc-gap-3: 16px;
	--kwc-gap-4: 22px;
	--kwc-gap-5: 34px;
	--kwc-gap-6: 48px;
	--kwc-gap-7: 72px;
	--kwc-gap-8: clamp(56px, 6vw, 104px);

	/* Wartości punktowe spoza rytmu. */
	--kwc-px-1: 1px;
	--kwc-px-2: 2px;
	--kwc-px-3: 3px;
	--kwc-px-4: 4px;
	--kwc-px-8: 8px;
	--kwc-px-12: 12px;
	--kwc-px-14: 14px;
	--kwc-px-18: 18px;
	--kwc-px-20: 20px;
	--kwc-px-26: 26px;
	--kwc-px-28: 28px;
	--kwc-px-40: 40px;
	--kwc-px-44: 44px;
	--kwc-px-56: 56px;
	--kwc-px-64: 64px;
	--kwc-px-72: 72px;
	--kwc-px-96: 96px;
	--kwc-px-120: 120px;
	--kwc-px-150: 150px;
	--kwc-px-190: 190px;
	--kwc-px-230: 230px;
	--kwc-px-260: 260px;
	--kwc-px-300: 300px;

	/* --- Zaokrąglenia --- */
	--kwc-round-card: 24px;
	--kwc-round-frame: 18px;
	--kwc-round-soft: 12px;
	--kwc-round-pill: 999px;
	--kwc-round-hair: 2px;

	/* --- Linie --- */
	--kwc-line: 1px;
	--kwc-line-firm: 2px;
	--kwc-dash: dashed;
	--kwc-solid: solid;

	/* --- Cienie: motyw stawia na linie, nie na głębię --- */
	--kwc-lift: 0 10px 30px -18px rgba(59, 30, 51, 0.45);
	--kwc-lift-none: none;

	/* --- Miary --- */
	--kwc-shell: 1240px;
	--kwc-shell-pad: clamp(18px, 4vw, 40px);
	--kwc-read: 740px;
	--kwc-figure: 980px;
	--kwc-doc: 920px;
	--kwc-lead-measure: 62ch;
	--kwc-title-measure: 20ch;
	--kwc-note-measure: 36ch;

	/* --- Elementy stałej wysokości --- */
	--kwc-logo-h: 46px;
	--kwc-logo-h-footer: 40px;
	--kwc-bar-h: 72px;
	--kwc-touch: 44px;
	--kwc-drawer-item-h: 54px;
	--kwc-rail-card: min(300px, 76vw);

	/* --- Odstępy siatek --- */
	--kwc-grid-wide: clamp(24px, 3vw, 44px);
	--kwc-grid-mid: clamp(20px, 2.4vw, 34px);
	--kwc-grid-tight: clamp(16px, 1.8vw, 26px);

	/* --- Breakpointy (dokumentacja; @media potrzebuje liczb wprost) --- */
	--kwc-bp-xs: 560px;
	--kwc-bp-sm: 720px;
	--kwc-bp-md: 900px;
	--kwc-bp-lg: 1080px;

	/* --- Ruch --- */
	--kwc-swift: 0.18s;
	--kwc-calm: 0.32s;
	--kwc-curve: cubic-bezier(0.32, 0.72, 0.3, 1);

	/* --- Krycie --- */
	--kwc-veil: rgba(59, 30, 51, 0.55);
	--kwc-veil-soft: rgba(59, 30, 51, 0.18);
	--kwc-weave: rgba(255, 255, 255, 0.24);
}

/* Odcienie przypisywane pasmom, kartom i nagłówkom kategorii. */
.kwc-hue--rose {
	--kwc-hue: var(--kwc-h-rose);
}

.kwc-hue--orchid {
	--kwc-hue: var(--kwc-h-orchid);
}

.kwc-hue--plum {
	--kwc-hue: var(--kwc-h-plum);
}

.kwc-hue--peony {
	--kwc-hue: var(--kwc-h-peony);
}

.kwc-hue--leaf {
	--kwc-hue: var(--kwc-h-leaf);
}

.kwc-hue--amber {
	--kwc-hue: var(--kwc-h-amber);
}

/* Tła kadrów bez obrazka wyróżniającego. */
.kwc-tint--rose {
	--kwc-tint: var(--kwc-h-rose);
}

.kwc-tint--orchid {
	--kwc-tint: var(--kwc-h-orchid);
}

.kwc-tint--plum {
	--kwc-tint: var(--kwc-h-plum);
}

.kwc-tint--peony {
	--kwc-tint: var(--kwc-h-peony);
}

.kwc-tint--leaf {
	--kwc-tint: var(--kwc-h-leaf);
}

.kwc-tint--amber {
	--kwc-tint: var(--kwc-h-amber);
}