/*
 * Design tokens, transcribed from the handoff README's "Design Tokens"
 * section verbatim (colors, type, shape, spacing). Every other stylesheet
 * in this theme reads these custom properties rather than repeating hex
 * values, so a future palette tweak happens in one place.
 */
:root {
	/* Colors */
	--sd-primary: #6B3F1D; /* date brown — buttons, borders, links, prices */
	--sd-primary-hover: #8a5527;
	--sd-ink: #3A2312; /* headings, body-strong */
	--sd-footer-bg: #2A1A0E;
	--sd-origin-bg: #3A2312;
	--sd-darkest: #241509;

	--sd-cream: #F6EFE3; /* page background */
	--sd-card: #FDF8EE; /* card background */
	--sd-chip: #EFE3CB; /* chip / notice background */

	--sd-gold: #C9A35C; /* accent — calligraphy, dots, badges, primary hero CTA */
	--sd-gold-light: #E8C87A;

	--sd-muted: #7A6650;
	--sd-body: #5C4A35;
	--sd-on-dark-1: #D9C9AC;
	--sd-on-dark-2: #B8A588;
	--sd-on-dark-3: #C4B398;

	--sd-success-border: #1FA855;
	--sd-success-text: #12703A;

	--sd-border: rgba(107, 63, 29, .15);
	--sd-border-14: rgba(107, 63, 29, .14);
	--sd-border-2: rgba(107, 63, 29, .2);
	--sd-border-25: rgba(107, 63, 29, .25);
	--sd-border-3: rgba(107, 63, 29, .3);

	/* Type */
	--sd-font-display: Marcellus, Georgia, serif;
	--sd-font-body: Karla, system-ui, -apple-system, sans-serif;
	--sd-font-ar: "Aref Ruqaa", serif;

	--sd-h1-desktop: 58px;
	--sd-h1-desktop-product: 42px;
	--sd-h1-mobile: 32px;
	--sd-h2-desktop: 36px;
	--sd-h2-desktop-alt: 28px;
	--sd-card-title-desktop: 23px;
	--sd-card-title-shop: 18px;

	/* Shape */
	--sd-radius-pill: 99px;
	--sd-radius-input: 10px;
	--sd-radius-card: 14px;
	--sd-radius-card-lg: 16px;

	/* Spacing */
	--sd-gutter-desktop: 56px;
	--sd-gutter-mobile: 16px;
	--sd-section-pad: 56px;
	--sd-grid-gap: 28px;
}