:root {
  /* SmoQed brand: smoke black, warm orange, cream body */

  /* Header */
  --header-color: #1a1a1aee;
  --header-text-color: #ffffff;
  --header-text-shadow-color: #00000050;
  --header-bordercolor-1: #0d0d0d;
  --header-bordercolor-2: #0d0d0d;
  --header-bg-color: #1a1a1aee;
  --header-icon-color: #ffffff;
  --header-bg-image: none;

  /* Hero / page background */
  --hero-bg-color: #f5ebe0;
  --hero-bg-image-fg-color: #f5ebe0;
  --hero-text-color: #111111;
  --contact-info-bg: none;

  /* Main */
  --main-bg-color: #f5ebe0;
  --main-text-color: #111111;
  --main-bg: #2d2d2d;

  /* Menu sections & cards */
  --menu-bg-color-1: #3d3d3d;
  --menu-bg-color-2: #2d2d2d;
  --menu-text-color: #111111;

  /* Buttons / menu item cards */
  --button-color1: #3d3d3d;
  --button-color2: #1a1a1a;
  --button-text-color1: #ffffff;
  --button-text-color2: #ffffff;
  --button-text-color3: #ffffff;

  /* Selected / hover (smoke orange) */
  --selected-button-color1: #e85d04;
  --selected-button-color2: #c44d03;
  --selected-button-color3: #f5ebe0;
  --selected-button-color4: #111111ee;
  --selected-text-color1: #ffffff;
  --selected-text-color2: #ffffff;
  --selected-text-color3: #e85d04;

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