/* =========================================
   ALL CORNERS FOOD - Color Variables & Theme
   Based on logo palette + cream background
   ========================================= */

:root {
  /* Primary Colors (from logo) */
  --color-blue: #1B5E9E;
  --color-blue-dark: #154A7E;
  --color-pink: #E91E72;
  --color-pink-dark: #C4185A;
  --color-pink-light: #F06292;
  --color-green: #7AB648;
  --color-green-dark: #5E9A30;

  /* Backgrounds */
  --color-cream: #FDF8F0;
  --color-white: #FFFFFF;
  --color-pink-tint: #FFF0F5;
  --color-blue-tint: #F0F8FF;
  --color-green-tint: #F2F9EC;

  /* Text */
  --color-navy: #1A2744;
  --color-text: #333333;
  --color-text-light: #555555;
  --color-text-muted: #767676;

  /* Borders & Shadows */
  --color-border: #E0D8CE;
  --color-border-light: #F0EBE3;
  --shadow-sm: 0 1px 3px rgba(26, 39, 68, 0.08);
  --shadow-md: 0 4px 12px rgba(26, 39, 68, 0.1);
  --shadow-lg: 0 8px 24px rgba(26, 39, 68, 0.12);

  /* Typography */
  --font-heading: 'Georgia', 'Times New Roman', serif;
  --font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 80px;
  --border-radius: 6px;
  --border-radius-lg: 12px;

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