/* ============================================
   MunchMigo Theme - CSS Variables
   ============================================ */

:root {
    /* Primary Colors */
    --color-primary: #72d6d6;
    --color-primary-dark: #3DB8B0;
    --color-primary-light: #7EDDD7;

    /* Secondary Colors */
    --color-secondary: #f7c947;
    --color-secondary-dark: #E09E2C;
    --color-secondary-light: #F9D086;

    /* Neutral Colors */
    --color-dark: #2C3E50;
    --color-dark-light: #34495E;
    --color-gray: #7F8C8D;
    --color-gray-light: #BDC3C7;
    --color-light: #ECF0F1;
    --color-white: #FFFFFF;

    /* Functional Colors */
    --color-success: #27AE60;
    --color-error: #E74C3C;

    /* Typography */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Baloo 2', cursive;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
}