/*
Theme Name: Nam Sushi & Asia
Theme URI: https://namasia-asiatischekueche.de/
Author: Netko Solution
Description: Classic theme for Nam Sushi & Asia, Pilgersheimer Str. 14, München. Warm ivory layout with forest green accents, large type for older guests, ACF-ready, TableNow menu and online ordering integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: namasia-asiatischekueche
*/

:root {
	/* Design tokens: "Warm Green & Ivory" (requirements/Nam_Sushi_Online_Ordering_Design.docx). */
	--color-background: #faf9f5; /* Warm Ivory */
	--color-surface: #ffffff; /* Pure White: cards, checkout */
	--color-surface-2: #205b39; /* footer band */
	--color-foreground: #202820; /* Charcoal */
	--color-text-soft: #4a524a;
	--color-muted: #5e665e;
	--color-line: #e2e0d6;
	--color-primary: #205b39; /* Forest Green */
	--color-primary-hover: #18472c;
	--color-secondary: #e8f0e7; /* Light Sage: selected category, tags */
	--color-accent-warm: #b84b21; /* Warm Orange: promotions, important notices */
	--color-on-primary: #ffffff;

	--font-heading: "Instrument Sans", system-ui, -apple-system, sans-serif;
	--font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;
	--font-jp: "BIZ UDGothic", "Hiragino Sans", "Yu Gothic", sans-serif;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 20px;
	--radius-full: 999px;

	--shadow-card: 0 1px 2px rgba(32, 40, 32, 0.04), 0 8px 24px rgba(32, 40, 32, 0.06);

	/* Short aliases used by assets/css/*.css */
	--bg: var(--color-background);
	--bg-raised: var(--color-surface);
	--bg-footer: var(--color-surface-2);
	--text: var(--color-foreground);
	--text-soft: var(--color-text-soft);
	--muted: var(--color-muted);
	--line: var(--color-line);
	--accent: var(--color-primary);
	--accent-hover: var(--color-primary-hover);
	--sage: var(--color-secondary);
	--warm: var(--color-accent-warm);
	--on-accent: var(--color-on-primary);
	--serif: var(--font-heading);
	--sans: var(--font-body);
	--jp: var(--font-jp);
	--container: 1200px;
	--gutter: 32px;
	--radius: var(--radius-lg);
	--ease: 200ms ease;
}