/* ===== Cart2Cook Design Tokens =====
   Single source of truth for all visual values.
   Edit this file to rebrand the entire app.
   All other CSS and JS read from these variables. */

:root {
  /* ─── Brand / semantic colors ─── */
  --color-primary: #1a6e4a;
  --color-primary-dark: #145a3c;
  --color-primary-hover: #145a3c;
  --color-success: #28a745;
  --color-success-hover: #218838;
  --color-warning: #ffc107;
  --color-danger: #dc3545;
  --color-info: #17a2b8;

  /* ─── Neutrals ─── */
  --color-bg: #f9f9f9;
  --color-surface: #ffffff;
  --color-surface-hover: #f8f9fa;
  --color-surface-muted: #f8f9fa;
  --color-border: #dee2e6;
  --color-border-light: #eaece9;
  --color-border-muted: #e9ecef;
  --color-text: #333333;
  --color-text-muted: #6c757d;
  --color-text-light: #999999;

  /* ─── Radius scale ─── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ─── Spacing scale ─── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* ─── Shadows ─── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.1);

  /* ─── Category colors — VALUES UNCHANGED, DO NOT RENAME ─── */
  --category-protein: #D79B7C;
  --category-produce: #7BC57F;
  --category-grains: #E4C580;
  --category-pasta: #F4E4C9;
  --category-dairy: #F0EDE5;
  --category-canned: #58B2DC;
  --category-baking: #9E8FB2;
  --category-frozen: #7BD3DC;
  --category-condiments: #C45A5A;
  --category-oils: #B7BB66;
  --category-spices: #B5651D;
  --category-beverages: #4A90E2;

  /* Aliases for dropdown — kept for backward compatibility */
  --category-protein-color: var(--category-protein);
  --category-produce-color: var(--category-produce);
  --category-grains-color: var(--category-grains);
  --category-pasta-color: var(--category-pasta);
  --category-dairy-color: var(--category-dairy);
  --category-canned-color: var(--category-canned);
  --category-baking-color: var(--category-baking);
  --category-frozen-color: var(--category-frozen);
  --category-condiments-color: var(--category-condiments);
  --category-oils-color: var(--category-oils);
  --category-spices-color: var(--category-spices);
  --category-beverages-color: var(--category-beverages);

  /* ─── Recipe-category card accents (badge + gradient fallback) ─── */
  --recipe-cat-soups-stews: #D98A3D;
  --recipe-cat-pasta-noodles: #E4C580;
  --recipe-cat-poultry: #D7A15C;
  --recipe-cat-meat: #C4735C;
  --recipe-cat-seafood: #58A8DC;
  --recipe-cat-vegetarian: #6FB56E;
  --recipe-cat-vegan: #4E9B6B;
  --recipe-cat-breakfast-brunch: #E3B23C;
  --recipe-cat-salads: #7BC57F;
  --recipe-cat-sandwiches-wraps: #C9A66B;
  --recipe-cat-pizza-flatbreads: #D96B4A;
  --recipe-cat-rice-grains: #D9C27C;
  --recipe-cat-casseroles-bakes: #A9794F;
  --recipe-cat-desserts-baking: #D98EC1;
  --recipe-cat-snacks-appetizers: #E0993D;
  --recipe-cat-drinks-smoothies: #5CB8D6;
  --recipe-cat-sauces-condiments: #B84A4A;
  --recipe-cat-bread-dough: #C4A06B;
  --recipe-cat-other: #9AA3AB;
}