:root {
  /* === NEW PALETTE: White + Light Orange + Brown-Orange text === */
  --bg-white:     #FFFFFF;
  --bg-warm:      #FFF8F0;
  --bg-light:     #FFF3E6;
  --bg-section:   #FEF0DC;

  --accent:       #D85A30;   /* برتقالي-بني داكن — اللون الرئيسي للنصوص والأزرار */
  --accent2:      #F2914A;   /* برتقالي فاتح — Hover / highlights */
  --accent-pale:  #FFE5D0;   /* برتقالي شاحب — خلفيات البطاقات */
  --accent-ultra: rgba(216,90,48,0.10);

  --text-heading: #C0400A;   /* بني-برتقالي داكن للعناوين — مثل Lay's */
  --text-body:    #5C2E0A;   /* بني داكن للنصوص */
  --text-muted:   #A0602A;   /* بني متوسط */
  --text-light:   #D4956A;   /* بني فاتح */

  --nav-bg:       #FFFFFF;
  --nav-border:   rgba(216,90,48,0.15);

  /* === Lay's-inspired fonts === */
  --font-display: 'Nunito', 'Fredoka One', sans-serif;
  --font-body:    'Nunito', sans-serif;

  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   36px;
  --radius-pill: 999px;

  --nav-h:       110px;
  --max-w:       1280px;
  --section-py:  90px;

  --shadow-sm:   0 2px 12px rgba(216,90,48,0.10);
  --shadow-md:   0 8px 32px rgba(216,90,48,0.14);
  --shadow-lg:   0 20px 60px rgba(216,90,48,0.18);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
}