/**
 * Curatery design tokens — the rebrand.
 *
 * Taken from the rebrand mockup (Curatery-Rebrand-Mockup/browse.css and
 * index.html). This file only defines values. Nothing here restyles an element;
 * templates and components opt in with var( --cur-… ).
 *
 * Every name is prefixed --cur- so it can't collide with Blocksy's own
 * variables or a plugin's.
 */

:root {
	/* ── Color ─────────────────────────────────────────────── */
	--cur-ink:         #241b16; /* Body text. */
	--cur-ink-muted:   #6e5c4c; /* Secondary text: makers, file types, captions. */
	--cur-paper:       #fffdf8; /* Page background. */
	--cur-cream:       #fff8ee; /* Header, cards, inputs. */
	--cur-butter:      #fff0c9; /* Filter panels. */
	--cur-peach:       #ffd3c2; /* Page heroes. */
	--cur-tomato:      #b43014; /* Primary buttons, eyebrows, active page, links on hover. Deep enough for text on paper, cream, butter and peach, and for white text on it. */
	--cur-tomato-bright: #e85232; /* The logo and decoration only: too light for small text or white text on it. */
	--cur-tomato-hover: #8f2610; /* Tomato buttons on hover and keyboard focus: darker than the button, still readable with white text. */
	--cur-mustard:     #edbd43; /* Search border, active tabs, Corner tags. */
	--cur-blue:        #74a7d8; /* Top utility bar, badges. */
	--cur-stripe-blue: #b7d2e8;
	--cur-blue-deep:   #233c61;
	--cur-sky:         #dce8f1; /* Footer. */
	--cur-green:       #527341; /* Prices, active filter chips, Corner stats. */
	--cur-green-pale:  #dfe9d3; /* "Included with Club" label. */
	--cur-green-deep:  #435f35; /* Green text on green-pale. */
	--cur-lilac:       #c8b8d8;
	--cur-line:        rgba( 36, 27, 22, 0.17 ); /* Borders and dividers. */

	/* ── Type ──────────────────────────────────────────────── */
	--cur-serif: "DM Serif Display", Georgia, "Times New Roman", serif; /* Logo and headings. */
	--cur-sans:  "DM Sans", Arial, Helvetica, sans-serif;             /* Everything else. */

	/* ── Shape ─────────────────────────────────────────────── */
	--cur-radius:        10px;  /* Good cards. */
	--cur-radius-panel:  12px;  /* Filter panels, Corner cards. */
	--cur-radius-pill:   999px; /* Chips, tabs, search bar. */
	--cur-radius-corner: 88px 12px 12px 12px; /* The Corner card's signature top-left curve. */
	--cur-shadow-card:   0 9px 22px rgba( 36, 27, 22, 0.08 );

	/* ── Layout ────────────────────────────────────────────── */
	--cur-gutter:   5vw;
	--cur-max-width: 1320px;
}