:root {
  /* Header — royal blue bar, white type */
  --header-color: #ffffffed;
  --header-text-color: #fefefe;
  --header-text-shadow-color: #00000066;
  --header-bg-color: #1a4a9ef0;
  --header-icon-color: #fefefe;
  --header-bordercolor-1: #2d5cb8;
  --header-bordercolor-2: #2d5cb8;
  --header-bg-image: none;

  /* Hero — brand blue; light overlay tint for image stacks */
  --hero-bg-color: #1a4a9e;
  --hero-bg-image-fg-color: #e8eef8;
  --hero-text-color: #ffffff;
  --contact-info-bg: none;

  /* Main — white / fried-chicken panel */
  --main-bg: #ffffff;
  --main-bg-color: #ffffff;
  --main-text-color: #1d3557;

  /* Menu cards — blue gradient like “Signature Combos” */
  --menu-bg-color-1: #1a4a9e;
  --menu-bg-color-2: #153d7a;
  --menu-text-color: #ffffff;

  /* Buttons — orange price-pill / CTA */
  --button-color1: #f37021;
  --button-color2: #d85e18;
  --button-text-color1: #fefefe;
  --button-text-color2: #ffffff;
  --button-text-color3: #fff;

  /* Selected — blue selection; orange accent ring */
  --selected-button-color1: #1a4a9e;
  --selected-button-color2: #153d7a;
  --selected-button-color3: #f37021;
  --selected-button-color4: #1d3557;
  --selected-text-color1: #fff;
  --selected-text-color2: #fff;
  --selected-text-color3: #f37021;

  /* Footer & modals */
  --footer-bg-color: #ffffff;
  --footer-text-color: #1d3557;
  --modal-bg-container-color: #00000055;
}