:root {
  --max-width: 1100px;
  --border-radius: 12px;
  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;

  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --font-family-base: 'Nunito';
    --primary-glow: conic-gradient(from 180deg at 50% 50%,
      #16abff33 0deg,
      #0885ff33 55deg,
      #54d6ff33 120deg,
      #0071ff33 160deg,
      transparent 360deg);
  --secondary-glow: radial-gradient(rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0));

  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(#00000080,
      #00000040,
      #00000030,
      #00000020,
      #00000010,
      #00000010,
      #00000080);

  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
  --text-color: black;
  /* --form-text-color: var(--text-color); */
  --footer-text-color: #222222;
  --notification-color: #374151;
  --svg-color: gray;
  --landcurn-color: #f7f7f7;
  --trips-subtitle-color: #717171;
  --listItem-icon-color: #717171;
  /* #ff385c;  */
  --search-button-color: #1963C5;
  --black-button-change: black;
  --btn-color: hsl(0, 0%, 100%);
  --btn-bg-color: var(--search-button-color);
  --btn-text-color:  #ffffff;
  --secondary-bg-color: #FFB21B;
  --secondary-text-color: #ffffff;
  --overlay-search-btn-color: #ffaebc; 
  --msg-svg-icon-color: #ffaebc;  
  --error-color-label: #ff4c4c;
  --error-color-validation:#ff3232;
  --font-color-trips: rgb(99, 115, 129);
  --background-color-trips-table: rgb(244, 246, 248);
  --color-progressbar: #000000;
  --font-color-profile: #484848;
  --font-color-review: #444;
  --linaria-theme_palette-foggy: #6A6A6A;
  --font-color-adddates: #6A6A6A;
  --filter-select-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));

  /* --input-subtitle: var(--text-color); */
  --homepage-search-btn-text: var(--svg-color);
  /* --homepage-search-btn-text: */

  /*-------font size --------------*/
  --font-size-rooms-checkin: 12px;
  --filter-btn-text: 12px;
  --notification-size: 13px;
  --homepage-footer-size: 14px;
  --map-btn-text: 14px;
  --font-size-trips-status-text: 15px;
  --searchbox-header-size: 15px;
  --homepage-header-size: 16px;
  --msg-header-text: 18px;
  --give-house-title: 20px;
  --host-index-title: 22px;
  --fontsize-mobile-header: 26px;
  --font-size-host-head-455px: 28px;
  --font-size-host-head: 32px;
  --extra-price-text: 40px;
  --host-step-title: 50px;
  --host-index-text: 60px;
  --set-price-title: 78px;
  --notes-text: 20px;
  --h1-font-size: calc(1.375rem + 1.5vw);
  --trips-notes-size: 1rem;
  --h4-font-size: 1.5rem;
  --font-size-table-cell: 0.875rem;
  --font-size-notification: inherit;
  --font-size-roomspage-header: calc(1.3rem + 0.6vw);
  --font-size-roomspage-amount: calc(1.325rem + 0.9vw);
  --font-size-bookpage-title: calc(1.275rem + 0.3vw);
  
  /*-------font family --------------*/
  --font-family-inherit: inherit;

  --btn-gradient:  linear-gradient(to bottom, rgba(255 255 255/0.16), rgba(255 255 255/0));
}