/* ==========================================================================
   MÉTODO SALADA NO POTE - DESIGN TOKENS & VARIABLES
   Aesthetic: Natural, Feminine, Practical, Premium, Welcoming
   ========================================================================== */

:root {
  /* Color Palette - Natural Greens */
  --color-primary-900: #13331c;
  --color-primary-800: #1b4326;
  --color-primary-700: #245732;
  --color-primary-600: #2d6a40;
  --color-primary-500: #388250; /* Main brand green */
  --color-primary-400: #52a46c;
  --color-primary-300: #7dc394;
  --color-primary-200: #b2dfc2;
  --color-primary-100: #d8f0e2;
  --color-primary-50:  #eef8f2;

  /* Natural Neutrals - Warm Creme, Off-white, Linen, Sand */
  --color-bg-main: #FAF7F2;      /* Warm off-white background */
  --color-bg-secondary: #F3EEE6; /* Soft linen / beige */
  --color-bg-card: #FFFFFF;      /* Pure white for crisp cards */
  --color-bg-subtle: #F8F5EE;    /* Very soft warm tint */
  --color-bg-glass: rgba(255, 255, 255, 0.88);

  /* Text Colors */
  --color-text-title: #1C2B20;    /* Deep forest charcoal */
  --color-text-body: #3F4E44;     /* Readable dark olive charcoal */
  --color-text-muted: #728277;    /* Soft muted olive */
  --color-text-light: #9BA99F;

  /* Accent Colors */
  --color-accent-terracotta: #C96846; /* Warm natural accent */
  --color-accent-amber: #D9822B;      /* Warm amber for kcal badges */
  --color-accent-gold: #C29547;
  --color-accent-berry: #B83A53;     /* Favorite heart active */
  --color-accent-berry-bg: #FDF0F2;

  /* Borders & Dividers */
  --color-border-light: #EBE5DB;
  --color-border-subtle: #F2ECE2;
  --color-border-focus: #52a46c;

  /* Shadows - Extremely soft and premium */
  --shadow-sm: 0 2px 8px rgba(33, 49, 36, 0.04);
  --shadow-md: 0 6px 20px rgba(33, 49, 36, 0.06);
  --shadow-lg: 0 12px 36px rgba(33, 49, 36, 0.09);
  --shadow-float: 0 16px 40px rgba(33, 49, 36, 0.12);
  --shadow-bottom-nav: 0 -4px 20px rgba(33, 49, 36, 0.06);

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-full: 9999px;

  /* Typography */
  --font-family: 'Poppins', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Transitions */
  --transition-fast: 0.18s ease;
  --transition-normal: 0.28s ease;
  --transition-bounce: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout Spacing */
  --container-max-width: 1180px;
  --mobile-max-width: 480px;
  --bottom-nav-height: 72px;
  --header-height: 64px;
}