:root {
  --100vh: 100%;

  /* Brand Theme */
  --color-primary: #d97706;         /* Turmeric Yellow */
  --color-secondary: #065f46;       /* Curry Leaf Green */
  --color-accent: #6b3e26;          /* Filter Coffee Brown */
  --color-highlight: #b91c1c;       /* Red Chili Red */
  --color-background: #fffaf0;      /* Coconut Cream */
  --color-background: #faf0ea;    
  --color-background: #f8e89c;    
  --color-background: #e6d897;    
  --color-background-subtle: #ebf5e6;    
  --color-border: #e5e7eb;
  --color-text-primary: #1f2937;    /* Deep Slate */
  --color-text-secondary: #4b5563;
  --color-text-inverse: #ffffff;
  --color-tool-tip: #4CAF50; 
  --color-highlight-alt: #0acbfb;
  --color-highlight-subtle: #0d6efd;

  /* Navbar */
  --nav-bg: var(--color-primary);
  --nav-faw: var(--color-text-inverse); /* Icon Color */
  --navbar-background: var(--color-primary);
  --navbar-text: var(--color-text-inverse);
  --navbar-hover: var(--color-accent);

  /* Header */
  --nav-height: 110px;
  --nav-height2: 80px;
  --header-background: var(--color-surface);
  --header-text: var(--color-primary);
  --header-background-alt: #D7A86E;

  /* Hero */
  --hero-background: linear-gradient(135deg, #fffaf0, #fde68a);
  --hero-text: var(--color-secondary);

  /* Footer */
  --footer-background: var(--color-accent);
  --footer-text: var(--color-text-inverse);
  --footer-link-hover: var(--color-highlight);

  /* Buttons */
  --button-primary-bg: var(--color-secondary);
  --button-primary-text: var(--color-text-inverse);
  --button-hover-bg: var(--color-highlight);

  /* Cart & Menu */
  --cart-bg: #fae7c0;               /* Mild turmeric cream */
  --cart-bg2: #fce4b5;              /* Slightly deeper shade */
  --cart-width: 550px;
  --cart-width2: 465px;
  --main-width: calc(100vw - var(--cart-width));
  --cont-bg: var(--color-background-subtle); /* Page content background */
  --modal-bg: var(--color-background);
  --cat-bar-bg: var(--color-secondary); /* alt bar background: Curry leaf green */
  --cat-bar-bg2: var(--color-accent);  /* Category bar: Filter Coffee */
  --cat-height: 48px;
  --qty-bg: var(--color-highlight); /* Button quantity highlight: Red chili */

  --logo-gold: var(--color-primary);
  --yp: -25vh;
  /* Shadows */
  --shadow-soft: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-strong: 0 4px 6px rgba(0, 0, 0, 0.1);
}