/** Compass Colors **/
:root {
    --noom-pine: #2B4010;
    --noom-kale: #316700;
    --noom-sprout: #A9D15A;
    --noom-mint: #C8E3B1;
  
    --noom-blueberry: #1D3A44;
    --noom-lagoon: #05727A;
    --noom-stream: #6CC1B6;
    --noom-sky: #B4E0D8;
  
    --noom-cherry: #5F110E;
    --noom-cinnamon: #AA3521;
    --noom-tarocco: #FB513B;
    --noom-salmon: #F4BEAE;
  
    --noom-plum: #671D48;
    --noom-berry: #A82F67;
    --noom-blossom: #F2AACD;
    --noom-conch: #EBCCD9;
  
    --noom-gold: #AD925E;
    --noom-sand-1: #d3c9b4;
    --noom-sand-2: #E4DECE;
    --noom-off-white: #F6F4EE;
    --noom-black: #191717;
  
    --white: #ffffff;
  
    --common-font-sans: 'Untitled Sans', 'DM Sans', Helvetica, Arial, Lucida, sans-serif;
    --common-font-serif: 'Untitled Serif', 'Source Serif Pro', 'Source Serif', Georgia, serif;
    --common-font-label: 'BrownLLWeb', Helvetica, Arial, Lucida, sans-serif;
    --common-font-icons: 'Font Awesome 6 Pro', 'Font Awesome 6', 'Font Awesome 5 Free';
  
    --font-path: '/content/themes/Divi-child/assets/fonts/';
    
    --page-background-color: var(--noom-off-white);
    --page-primary-color: var(--noom-tarocco);
    --page-secondary-color: var(--noom-mint);
    --page-common-color: var(--noom-off-white);
    --noom-nav-link: var(--noom-black);
    --noom-desktop-nav-background: var(--noom-off-white);
  
    --noom-logo: url("/content/themes/Divi-child/images/noom-logo.svg");
    --noom-logo-width: 100px;
  
    --noom-logo-health: url("/content/themes/Divi-child/images/noom-logo-health.svg");
    --noom-logo-health-width: 144px;
  
    --page-primary-logo: var(--noom-logo);
    --page-primary-logo-width: var(--noom-logo-width);
    --page-logo-color: var(--noom-black);
  
    --page-mobile-menu-toggle-color: var(--noom-black);
  
    --noom-preloader-animation: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a9" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="currentColor"></stop><stop offset=".3" stop-color="currentColor" stop-opacity=".9"></stop><stop offset=".6" stop-color="currentColor" stop-opacity=".6"></stop><stop offset=".8" stop-color="currentColor" stop-opacity=".3"></stop><stop offset="1" stop-color="currentColor" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(%23a9)" stroke-width="15" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="2" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="currentColor" stroke-width="15" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>');
  }