/**
 * Design tokens.
 *
 * Palette + type direction: a "kitchen order ticket" identity built for a
 * food directory - chili red / herb green / saffron gold on white, with
 * Fraunces (an editorial serif) for headlines against Inter for body text
 * and IBM Plex Mono for prices/ticket-style numbers. Deliberately not the
 * generic cream+terracotta or near-black+neon "AI theme" look.
 *
 * @package RestaurantDirectory
 */

:root {
	/* ---- Color: ink & base ---- */
	--rd-color-ink: #1c1730;
	--rd-color-ink-soft: #5b5468;
	--rd-color-base: #ffffff;
	--rd-color-cream: #fff3e4;
	--rd-color-fog: #f4f1ec;
	--rd-color-border: #eae3d6;

	/* ---- Color: brand ---- */
	--rd-color-primary: #e8452c;
	--rd-color-primary-dark: #c7361f;
	--rd-color-primary-tint: #fdebe8;
	--rd-color-secondary: #1f6e4a;
	--rd-color-secondary-dark: #164f35;
	--rd-color-secondary-tint: #e8f5ec;
	--rd-color-accent: #f5a623;
	--rd-color-accent-tint: #fff1d6;
	--rd-color-info: #1d5fa8;
	--rd-color-info-tint: #e4f0ff;

	/* ---- Type ---- */
	--rd-font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--rd-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--rd-font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

	/* ---- Spacing scale ---- */
	--rd-space-1: 4px;
	--rd-space-2: 8px;
	--rd-space-3: 12px;
	--rd-space-4: 16px;
	--rd-space-5: 24px;
	--rd-space-6: 32px;
	--rd-space-7: 48px;
	--rd-space-8: 64px;
	--rd-space-9: 96px;

	/* ---- Radius ---- */
	--rd-radius-sm: 8px;
	--rd-radius-md: 14px;
	--rd-radius-lg: 22px;
	--rd-radius-pill: 999px;

	/* ---- Shadow (warm-tinted, never pure black) ---- */
	--rd-shadow-sm: 0 2px 8px rgba(28, 23, 48, 0.06);
	--rd-shadow-md: 0 8px 24px rgba(28, 23, 48, 0.10);
	--rd-shadow-lg: 0 20px 48px rgba(28, 23, 48, 0.16);

	--rd-container: 1200px;
}