/* :root {
  --primary-color: #5E190A;
  --secondary-color: #F5F5F5;
  --text-color: #333333;
  --button-color: #5E190A;
  --button-hover-color: #4A1508;
  --background-color: #FFFFFF;
  --border-color: #E0E0E0;  
  --nav-menu-color: #5E190A;
} */

/* :root {
  --primary-color: #0EA5E9;
  --secondary-color: #E0F2FE;
  --text-color: #0C4A6E;
  --secondary-text-color: #FFFFFF; 
  --text-muted-color: #0284C7;
  --background-color: #FFFFFF;
  --surface-color: #F1F5F9;
  --border-color: #BAE6FD;

  --button-color: #0EA5E9;
  --button-text-color: #FFFFFF;
  --button-hover-color: #0284C7;

  --nav-menu-color: #0EA5E9;
  --nav-menu-bg-color: #E0F2FE;
  --nav-menu-text-color: #0C4A6E;
  --nav-menu-secondary-text-color: #FFFFFF; 

  --card-background: #FFFFFF;
  --card-border-color: #BAE6FD;
} */


:root {
  --primary-color: #5E190A;            /* Merah bata tua */
  --secondary-color: #FFE9D7;          /* Peach terang */
  --text-color: #000000;               /* Hitam untuk kontras maksimal */
  --secondary-text-color: #FFFFFF;               /* Hitam untuk kontras maksimal */
  --text-muted-color: #932F22;         /* Merah bata terang, untuk teks tambahan */
  --background-color: #FFFFFF;         /* Putih sebagai dasar */
  --surface-color: #F5F5F5;            /* Abu terang untuk elemen permukaan */
  --border-color: #932F22;             /* Abu netral */

  --button-color: #5E190A;             /* Sama dengan primary */
  --button-text-color: #FFFFFF;        /* Putih untuk kontras tombol */
  --button-hover-color: #932F22;       /* Warna lebih terang saat hover */

  --nav-menu-color: #5E190A;           /* Konsisten dengan tema utama */
  --nav-menu-bg-color: #FFE9D7;        /* Latar belakang menu */
  --nav-menu-text-color: #000000;      /* Teks di menu */
  --nav-menu-secondary-text-color: #FFFFFF;      /* Teks di menu */

  --card-background: #FFFFFF;          /* Untuk elemen kartu */
  --card-border-color: #E0E0E0;        /* Batas kartu */

  --footer-bg-color: #932F22;        
}

.title-theme {
  color: var(--primary-color) !important;
}

.bg-primary-theme {
  background-color: var(--primary-color) !important;
}

.primary-color-theme {
  color: var(--primary-color) !important;
}

.bg-secondary-theme {
  background-color: var(--secondary-color) !important;
}

.nav-menu {
  color: white;
}

.nav-menu-mobile {
  color: var(--nav-menu-color) !important;
}

.nav-menu-scrolled {
  color: var(--nav-menu-color) !important;
}

.border-theme {
  border-color: var(--border-color) !important;
}


.btn-theme {
  background-color: var(--button-color) !important;
  color: var(--button-text-color) !important;
  transition: background-color 0.3s ease;
}

.btn-theme:hover {
  background-color: var(--button-hover-color) !important;
}

.btn-outline-theme {
  background-color: transparent;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
  cursor: pointer;
}

.btn-outline-theme:hover {
  background-color: var(--secondary-color);
  border-color: var(--primary-color);
  color: var(--primary-color);
}


.pagination-theme {
  background-color: var(--secondary-color);  /* #FFE9D7 */
  color: var(--primary-color);               /* #5E190A */
  border: 1px solid var(--border-color);     /* #E0E0E0 */
}

.pagination-theme i {
  color: var(--primary-color);               /* #5E190A */
}

.nav-button-theme {
  color: var(--primary-color) !important;
  border-color: var(--border-color) !important;
  background-color: transparent !important;
  transition: all 0.3s ease;
}

.nav-button-theme:hover {
  color: var(--button-hover-color) !important;
  border-color: var(--primary-color) !important;
  background-color: var(--secondary-color) !important;
}

.bg-footer-theme {
  background-color: var(--footer-bg-color) !important;
}

.footer-menu-theme {
  color: var(--nav-menu-secondary-text-color) !important;
}

.footer-menu-theme i {
  color: var(--nav-menu-secondary-text-color) !important;
}

.divider-footer-theme {
  border-color: 1px solid var(--nav-menu-secondary-text-color) !important;
}

.input-theme {
  background-color: var(--surface-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.input-theme:focus {
  box-shadow: 0 0 0 2px var(--button-hover-color);
}

.input-footer-theme {
  background-color: var(--surface-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.input-footer-theme:focus {
  box-shadow: 0 0 0 2px var(--button-hover-color);
}

.button-footer-theme {
  background-color: var(--button-color);
  color: var(--button-text-color);
}

.button-footer-theme:hover {
  background-color: var(--button-hover-color);
}

.label-price-theme {
  color: var(--primary-color);
}

.icon-theme {
  color: var(--primary-color);
}

.bg-icon-theme {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.bg-border-theme {
  background-color: var(--border-color) !important;
}

.room-icon-theme {
  color: var(--secondary-color);
}

.room-price-theme {
  color: var(--secondary-color);
}

.btn-outline-room-theme {
  background-color: transparent;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  font-weight: 600;
  cursor: pointer;
}

.btn-outline-room-theme:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--primary-color);
}

.blog-pagination-theme a {
  border-color: var(--primary-color);
  background-color: var(--background-color);
}

.blog-pagination-theme a.blog-pagination-active {
  background-color: var(--primary-color) !important;
  color: var(--button-text-color) !important;
}

.blog-pagination-theme a:hover {
  background-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}

.blog-pagination-theme span {
  color: var(--text-muted-color);
}

.blog-title-theme:hover {
  color: var(--primary-color);
}

.blog-read-more-theme {
  color: var(--primary-color);
}