/* Theme styling for light and dark modes */

/* Light theme (default and only theme) */
body {
  --bg-color: #ffffff;
  --text-color: #333333;
  --heading-color: #254653;
  --card-bg: #ffffff;
  --card-border: #e5e5e5;
  --button-bg: #254653;
  --button-color: #ffffff;
  --header-bg: #254653;
  --footer-bg: #1a3440;
  --footer-color: #ffffff;
  --input-bg: #ffffff;
  --input-border: #cccccc;
  --link-color: #254653;
  --hover-color: #1d3642;
  --active-bg: #f0f8ff;
  --modal-bg: rgba(0, 0, 0, 0.8);
  --highlight-color: #fff4cc;
  --section-bg: #f7f7f7;
  --tag-bg: #f0f0f0;
  --tag-color: #555;
  --separator-color: #e5e5e5;
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  --toast-bg: rgba(0, 0, 0, 0.8);
  --toast-color: #ffffff;
}

/* Apply theme variables to elements */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
}

a {
  color: var(--link-color);
}

a:hover {
  color: var(--hover-color);
}

/* Header */
header {
  background-color: var(--header-bg);
}

/* Content boxes */
.content,
.results-container {
  background-color: var(--bg-color);
}

/* Cards */
.tour-card,
.car-card,
.result-card {
  background-color: var(--card-bg);
  border-color: var(--card-border);
  box-shadow: var(--box-shadow);
}

/* Form elements */
input,
select,
textarea {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-color);
}

/* Buttons */
button,
.button-primary,
.book-button,
.cta-button {
  background-color: var(--button-bg);
  color: var(--button-color);
}

button:hover,
.button-primary:hover,
.book-button:hover,
.cta-button:hover {
  background-color: var(--hover-color);
}

/* Footer */
footer {
  background-color: var(--footer-bg);
  color: var(--footer-color);
}

/* Modal */
.modal-content,
.search-modal {
  background-color: var(--modal-bg);
}

.search-input {
  background-color: var(--input-bg);
  color: var(--text-color);
}

/* Search results specific */
.result-card {
  background-color: var(--card-bg);
  border-color: var(--card-border);
}

.result-content h3 {
  color: var(--heading-color);
}

.result-content p {
  color: var(--text-color);
}

.result-content .highlight {
  background-color: var(--highlight-color);
}

.filter-button {
  background-color: var(--tag-bg);
  color: var(--tag-color);
  border-color: var(--card-border);
}

.filter-button.active {
  background-color: var(--button-bg);
  color: var(--button-color);
}

.result-tag {
  background-color: var(--tag-bg);
  color: var(--tag-color);
}

.search-header {
  border-color: var(--separator-color);
}

/* Toast notifications */
.toast-notification {
  background-color: var(--toast-bg);
  color: var(--toast-color);
}