:root {
  /* ===================== */
  /* 🎨 COLORS */
  /* ===================== */
  --highlight-bg: #3fb9c9;
  --highlight-color: #4f66cc; 
  --cards-search-box: #e6e3e3;
  --btns-search-box-bg: #a7dcec;
 
  /* ===================== */
  /* 📐 LAYOUT / SIZES */
  /* ===================== */
  --border-radius: 10px;  
  --catalog-card-height: 35vh;
  --virtual-scroller-height: 85vh;
  --menu-card-height: 10vh;
  --container-height: 90vh; 
  --empty-space-height: 5vh;
  --app-container-height: 100dvh;
  --search-box-height: 10vh;
  --empty-space-catalog: 10vh;
 
  /* ===================== */
  /* 🔤 FONTS / TYPOGRAPHY */
  /* ===================== */
  --title-font-size: 14px;
  --title-font-weight:700;
  --price-font-size: 16px;
  --btn-font-size: 14px;
  --btn-font-weigh: 700;
  /* ===================== */
  /* 🌫 SHADOWS */
  /* ===================== */
   --el-search-box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}


/* @media (min-width: 767px) {
  :root {
    --catalog-card-height: 50vh;    
  }
} */