:root {
  color-scheme: light;

--color-primary: #FF671F;
--color-primary-hover: #E95716;

--color-accent: #C88A2A;

--color-background: #FFF9F3;
--color-background-subtle: #F7EDE3;

--color-surface: #FFFFFF;
--color-surface-elevated: #FFFDF9;

--color-text: #2B211B;
--color-text-secondary: #5F5148;
--color-text-muted: #7D7168;

--color-border: #E8DCD1;
--color-border-strong: #C9B8A8;

--color-success: #24634B;
--color-warning: #8A5A00;
--color-danger: #B32D28;

--color-saffron: #FF671F;

--color-info: #235C7A;

--shadow-sm: 0 2px 6px #2B211B08;
--shadow-md: 0 8px 24px #2B211B12;
--shadow-lg: 0 20px 48px #2B211B1A;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --container-sm: 40rem;
  --container-md: 52rem;
  --container-lg: 80rem;
  --container-xl: 85rem;
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;
  --font-body: 'Lato', system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --primary: var(--color-primary);
  --primary-dark: var(--color-primary-hover);
  --secondary: var(--color-accent);
  --accent: var(--color-primary);
  --tertiary: var(--color-background-subtle);
  --text-dark: var(--color-text);
  --text-light: var(--color-text-secondary);
  --light-bg: var(--color-background-subtle);
  --border-color: var(--color-border);
}