:root {
  /* CSS Variables generated from Kigen.design */
  --forest-green-50: #c4ffce;
  --forest-green-100: #33ff73;
  --forest-green-200: #0fe05d;
  --forest-green-300: #0bc551;
  --forest-green-400: #08ac46;
  --forest-green-500: #06943b;
  --forest-green-600: #047f31;
  --forest-green-700: #026225;
  --forest-green-800: #014417;
  --forest-green-900: #002509;
  --forest-green-950: #001504;

  /* Primary Colors using Forest Green palette */
  --primary-bg-color: var(--forest-green-50); /* Light forest green background */
  --primary-text-color: var(--forest-green-900); /* Deep forest green for text */
  --accent-color: var(--forest-green-500); /* Primary forest green */
  --highlight-color: var(--forest-green-400); /* Lighter forest green for hover states */
  --secondary-text-color: var(--forest-green-700); /* Muted forest green for secondary text */

  /* Additional color variations */
  --secondary-bg-color: #ffffff; /* White for contrast */
  --tertiary-bg-color: var(--forest-green-100); /* Light forest green for depth */
  --button-bg-color: var(--forest-green-500); /* Primary forest green for buttons */
  --button-text-color: #ffffff; /* White text on buttons */
  --link-color: var(--forest-green-800); /* Deep forest green for links */
  --link-hover-color: var(--forest-green-500); /* Primary forest green for hover */
  
  /* Additional accent colors */
  --accent-gold: #d4af37; /* Gold accent for decorative elements */
  --accent-brown: #5c4024; /* Earthy brown to complement the greens */
  --accent-cream: #f8f3e6; /* Warm cream for softer elements */

  /* Semantic color assignments using Forest Green tokens */
  --error-color: var(--forest-green-600);        /* Error states */
  --error-light: var(--forest-green-100);        /* Error backgrounds */
  --warning-color: var(--forest-green-700);      /* Warning states */
  --danger-color: var(--forest-green-800);       /* Danger/destructive actions */
  --hot-color: var(--forest-green-500);          /* "Hot" or spicy food indicators */
  --spicy-accent: var(--forest-green-400);       /* Spicy food highlights */

  /* Typography */
  --font-family-primary: 'GeneralSans', 'Open Sans', 'Arial', sans-serif; /* Modern GeneralSans font */
  --font-family-secondary: 'Lora', 'Georgia', serif; /* Elegant serif for headings */
  --font-family-custom: 'GeneralSans', 'Open Sans', 'Arial', sans-serif; /* GeneralSans as custom font */
  --font-size-base: 16px;
  --font-size-large: 24px;
  --font-size-small: 14px;

  /* Spacing */
  --spacing-unit: 8px;
  --margin-small: calc(var(--spacing-unit) * 1);
  --margin-medium: calc(var(--spacing-unit) * 2);
  --margin-large: calc(var(--spacing-unit) * 4);
  --padding-small: calc(var(--spacing-unit) * 1);
  --padding-medium: calc(var(--spacing-unit) * 2);
  --padding-large: calc(var(--spacing-unit) * 4);

  /* Borders */
  --border-color: #c9e0c2; /* Light green for borders */
  --border-radius: 8px; /* Slightly larger radius for softer look */
  --border-width: 1px;

  /* Shadows */
  --box-shadow: 0 2px 12px rgba(4, 63, 33, 0.08); /* Soft shadow with brand color */

  /* Transitions */
  --transition-speed: 0.3s;
}