:root {
  --bg-base-color: #9EBBCB;
  --bg-gradient-top: #2973C9;
  --bg-gradient-mid: #4F89AB;
  --bg-gradient-bottom: #174A52;
  --bg-gradient-opacity: 0.2;
  --bg-texture-opacity: 0.2;

  --logo-width: 400px;
  --logo-halo-radius: 5px;
  --logo-halo-color: rgba(255, 255, 255, 0.06);

  --intro-max-width: 620px;
  --intro-inline-padding: 24px;
  --intro-space-above: 20px;
  --intro-space-above-phone: 5px;
  --intro-font-family: "Bodoni 72", "New York", Georgia, serif;
	--intro-font-size: 2.4rem;
  --intro-font-size-phone: 1.6rem;
  --intro-line-height: 1.15;
	--intro-line-height-phone: 1.25;
  --intro-color: #000000;

  --page-content-heading-font-family: var(--nav-link-font-family);
  --page-content-heading-font-size: 1.9rem;
	--page-content-heading3-font-size: 1.6rem;
  --page-content-heading-font-size-phone: 1.3rem;
  --page-content-font-family: "New York", Georgia, serif;
  --page-content-font-size: 1.3rem;
  --page-content-line-height: 1.5;
  --page-content-color: #000000;

  --page-portrait-inset: 40%;
  --page-portrait-height: 100vh;
  --page-portrait-opacity: 0.4;
  --page-portrait-opacity-phone: 0.25;
  --page-portrait-position: left top var(--nav-height);
  --page-portrait-image-index: url("img/lbros-background-main-sand@2x.png");
  --page-portrait-image-about: url("img/ben-gradient@2x.png");
  --page-portrait-image-products: url("img/lbros-background-products@2x.png");
  --page-content-inline-padding-phone: 24px;

  --content-padding: 30px 50px;

  --nav-height: 75px;
  --nav-bg-color: #000000;
  --nav-link-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nav-link-color: #ffffff;
  --nav-link-font-size: 1.0rem;
  --nav-link-font-weight: bolder;
  --nav-link-letter-spacing: 0.08em;
  --nav-link-gap: 32px;
  --nav-inline-padding-end: 40px;
  --nav-inline-padding-phone: 16px;

  --backdrop-color: rgba(255, 255, 255, 0.4);

  --footer-height: 40px;
  --footer-bg-color: #ffffff;
  --footer-inline-padding: 40px;
  --footer-inline-padding-phone: 16px;
  --footer-copyright-color: #000000;
  --footer-copyright-font-size: 0.8rem;
  --footer-nav-link-color: #000000;

  --z-texture: -1;
  --z-gradient: 0;
  --z-backdrop: 1;
  --z-logo: 2;
  --z-content: 3;
  --z-nav: 4;
  --z-footer: 4;
}