/* CSS VARS */
:root {
    
    --mqTabsBackgroundColor: transparent;
    --mqTabsContentBackgroundColor: transparent;
    
    --mq-main-bg-color:#DFCDC4;
    --mq-main-color: #2C2829;
    --mq-text-color:#FFF;
    --mq-text-color-2: var(--mq-main-color);
    --mq-form-color: #E9DDD7 ;

    --mq-btn-color:#2c2829;
    --mq-btn-text-color:#fff; 
  
    --mq-spacing: 120px;
    --mq-spacing-second: 80px;
    --mq-spacing-second-mb: 40px;
    --mq-spacing-mb: 60px;
    --mq-inline-mb: 35px;
    --mq-between: 40px;
    --mq-between-mb: 30px;
    
    --mq-headingregular-font: "Romie Light";
    --mq-p-font:"rework-regular";
  
    --mq-p-font-small:12px;
    --mq-p-font-small-mb:10px;
    --mq-p-font-medium: 16px;
    --mq-p-font-large: 20px;
    --mq-p-font-size: 14px;
  
    --mq-h3-font-size:14px;
    --mq-h1-font-size:28px;
    --mq-h1-font-size-mb:24px;
    --mq-h1-font-size-big: 40px;
  
    --mq-font-weight-normal: 126;
    --mq-font-weight-light: 97;
    --mq-font-weight-xlight: 45;
    --mq-font-weight-bold: 300;
    --mq-font-weight-xnormal: 76;
    
  
   
    --mq-hero-text-bg: var(--mq-main-color);
    --mq-why-mirvac-bg: var(--mq-main-color);
    --mq-carousel-bg: var(--mq-main-color);
    --mq-logo-grid-reverse-bg: var(--mq-main-bg-color);
    --mq-logo-grid-bg: var(--mq-main-bg-color);
   

    --mq-main-heading-color: #f4eeeb;
    --mq-carousel-color: var( --mq-text-color);
    --mq-why-mirvac-color: var(--mq-text-color);
    --mq-logo-grid-color: var(--mq-text-color-2);
    --mq-logo-grid-reverse-color: var( --mq-text-color-2);
    --mq-tabs-color: var( --mq-text-color-2);
    
  }