/* Design tokens — change a colour or size here and it updates everywhere. */
:root {
	/* Palette (kept from the original site) */
	--c-bg:          #0F172A;  /* page background, navy */
	--c-surface:     #192231;  /* cards & panels */
	--c-surface-2:   #1E293B;  /* inputs, chips */
	--c-border:      #2D3748;
	--c-border-2:    #334155;
	--c-text:        #F3F4F6;
	--c-text-strong: #FFFFFF;
	--c-muted:       #9CA3AF;
	--c-faint:       #64748B;
	--c-accent:      #F59E0B;  /* amber */
	--c-accent-ink:  #0F172A;  /* text on amber */
	--c-accent-soft: rgba(245, 158, 11, .12);
	--c-info:        #3B82F6;  /* brand-filter chips */
	--c-price:       #059669;
	--c-focus:       #FBBF24;

	/* Type */
	--f-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--f-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--fs-xs: .75rem;
	--fs-sm: .875rem;
	--fs-md: 1rem;
	--fs-lg: 1.25rem;
	--fs-xl: clamp(1.4rem, 1.1rem + 1vw, 1.75rem);
	--fs-hero: clamp(2rem, 1.2rem + 3.2vw, 3.25rem);

	/* Space & shape */
	--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;
	--r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 999px;
	--container: 1040px;
	--gutter: 16px;
	--shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.18);
	--ease: cubic-bezier(.2,.7,.2,1);
}