/**
 * DinnerlyHub - CSS Custom Properties
 * Single source of truth for brand colors, spacing, and typography.
 */

:root {
	/* Brand Colors */
	--dh-green: #4a7c59;
	--dh-green-dark: #376045;
	--dh-green-subtle: rgba(74, 124, 89, 0.08);
	--dh-green-border: rgba(74, 124, 89, 0.20);
	--dh-orange: #f26522;
	--dh-orange-dark: #d9540f;
	--dh-white: #ffffff;
	--dh-text: #2d2d2d;
	--dh-text-light: #666666;
	--dh-text-muted: #888888;

	/* Shadows */
	--dh-shadow-sm: 0 2px 16px rgba(0, 0, 0, 0.08);
	--dh-shadow-md: 0 4px 24px rgba(0, 0, 0, 0.13);
	--dh-shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.10);

	/* Border Radius */
	--dh-radius-sm: 6px;
	--dh-radius-md: 16px;
	--dh-radius-lg: 18px;
	--dh-radius-pill: 30px;

	/* Transitions */
	--dh-ease: 0.22s ease;
	--dh-ease-slow: 0.4s ease;

	/* Typography */
	--dh-font: 'Poppins', system-ui, -apple-system, sans-serif;

	/* Layout */
	--dh-header-h: 68px;
	--dh-max-width: 1200px;
}