:root {
  /* Default Colors (Theme: Emerald default from template) */
  --color-primary: #56642b;
  --color-primary-light: #8a9a5b;
  --color-primary-dark: #3e4c16;
  
  --color-secondary: #9f402d;
  --color-accent: #bdce89;
  
  --color-bg-page: #fbf9f8;
  --color-bg-card: #ffffff;
  --color-bg-glass: rgba(251, 249, 248, 0.8);
  
  --color-text-primary: #1b1c1c;
  --color-text-secondary: #46483c;
  --color-text-muted: #76786b;
  
  --color-border: #e4e2e1;
  --color-border-strong: #c6c8b8;
  
  --color-success: #16a34a;
  --color-warning: #fd876f;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-info: #60a5fa;

  /* Meal Type Colors */
  --meal-breakfast: #fcd34d;
  --meal-midmorning: #a7f3d0;
  --meal-lunch: #60a5fa;
  --meal-afternoon: #c084fc;
  --meal-dinner: #818cf8;

  /* Fonts */
  --font-serif: 'Newsreader', serif;
  --font-sans: 'Manrope', sans-serif;
  --font-zoom: 1;

  /* Typography */
  --text-h1: 48px;
  --text-h2: 30px;
  --text-h3: 24px;
  --text-body: 16px;
  --text-caption: 12px;

  /* Spacing */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;

  /* Border radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.9);
  --glass-blur: 12px;
  --glass-border: rgba(198, 200, 184, 0.1);

  /* Navigation */
  --nav-bottom-height: 4.5rem;
  --nav-top-height: 4.5rem;
  --nav-font-size: 0.75rem;
  --nav-icon-size: 1.5rem;
}