/* ==========================================================================
   DESIGN SYSTEM TOKENS - HARDBODY CORNISH CHICKENS
   African Culinary Luxury & Modern E-Commerce Palette
   ========================================================================== */

:root {
  /* Brand Core Colors */
  --color-primary: #C26D24;          /* Warm Terracotta / Rich Amber */
  --color-primary-hover: #A75715;    /* Deep Golden Amber */
  --color-primary-light: #FDF3E7;    /* Soft Amber Glow */
  --color-primary-dark: #843B06;     /* Dark Terracotta */

  --color-secondary: #244833;        /* Deep Forest African Sage */
  --color-secondary-hover: #193424;  /* Rich Dark Forest */
  --color-secondary-light: #EBF4EE;  /* Soft Sage Mint */

  --color-accent: #E89E38;           /* Sun Gold / Honey */
  --color-accent-soft: #FEF6EB;      /* Cream Gold Glow */

  /* Neutral Surface Palette */
  --color-bg-main: #FBF8F3;          /* Warm Linen Cream Background */
  --color-bg-card: #FFFFFF;          /* Pure Crisp Card White */
  --color-bg-card-alt: #F6F1E8;      /* Warm Earthy Card Surface */
  --color-bg-dark: #1E120B;          /* Deep Umber African Charcoal */
  --color-bg-dark-card: #2A1A11;     /* Umber Surface Card */

  /* Text & Content */
  --color-text-main: #241A14;        /* Deep Umber Charcoal (High Contrast) */
  --color-text-muted: #726257;       /* Warm Earthy Gray */
  --color-text-light: #9C8C80;       /* Light Stone Gray */
  --color-text-inverse: #FFFFFF;     /* White on Dark */
  --color-text-gold: #D68C27;        /* Gold Accent Text */

  /* Borders & Dividers */
  --color-border: #E8DEC0;           /* Soft Linen Border */
  --color-border-subtle: #F0E9DF;    /* Very Subtle Divider */
  --color-border-dark: #3F2B1F;      /* Dark Surface Border */

  /* Status Colors */
  --color-success: #2E7D32;
  --color-success-bg: #E8F5E9;
  --color-warning: #ED6C02;
  --color-warning-bg: #FFF4E5;
  --color-danger: #D32F2F;
  --color-danger-bg: #FFEBEE;
  --color-info: #0288D1;
  --color-info-bg: #E1F5FE;

  /* WhatsApp Brand Color */
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #20BA59;
  --color-whatsapp-dark: #075E54;

  /* Typography */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(36, 26, 20, 0.04);
  --shadow-sm: 0 2px 4px rgba(36, 26, 20, 0.06);
  --shadow-md: 0 6px 16px rgba(36, 26, 20, 0.08);
  --shadow-lg: 0 14px 28px rgba(36, 26, 20, 0.12);
  --shadow-xl: 0 20px 40px rgba(36, 26, 20, 0.16);
  --shadow-glow: 0 0 24px rgba(194, 109, 36, 0.28);

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout Container */
  --container-max: 1280px;
  --header-height: 80px;
  --announcement-height: 38px;
}