/* ========================================
CORE BRAND COLORS
======================================== */

:root {

--primary: #C85C3A;
--primary-dark: #A2472B;
--accent: #568B7A;
--ink: #262220;
--text: #3A3532;
--text-muted: #78726F;
--text-white: #FFFFFF;
--bg: #FFFFFF;
--bg-soft: #F8F6F5;
--bg-dark: #262220;
--border: #E3DDD9;

/* Layout */
--container-max: 1200px;
--container-padding: 1rem;
--nav-height: 5rem;

/* Typography */
--font-heading: 'Space Grotesk', sans-serif;
--font-body: 'Inter', sans-serif;

/* Font Sizes */
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 2rem;
--text-4xl: 3rem;

/* Spacing */
--space-xs: 0.25rem;
--space-sm: 0.5rem;
--space-md: 1rem;
--space-lg: 2rem;
--space-xl: 4rem;

/* Radius */
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 1rem;

/* Shadows */
--shadow-sm: 0 2px 8px rgba(24, 20, 16, 0.04);
--shadow-md: 0 8px 24px rgba(24, 20, 16, 0.08);

/* Transitions */
--transition: 250ms ease;

}