/* Coolors theme overrides (separate file) */
:root{
  /* user-requested palette mappings */
  --theme-bg: #f0efeb;        /* requested: use F0EFEB as background */
  --theme-surface: #fff1e6;   /* supporting surface tone (kept light) */
  --theme-card: #f0efeb;      /* card background now matches requested F0EFEB */
  --theme-primary: #99C1DE;   /* requested: use BCD4E6 for buttons (base) */
  --theme-primary-hover: #BCD4E6; /* requested: use 99C1DE for button hover */
  --theme-current-bg: #dbe7e4; /* requested: current location background */
  --theme-destination-bg: #99C1DE; /* requested: destination background */
  --theme-danger: #fde2e4;    /* kept for other danger uses */
  --theme-accent: #fad2e1;    /* soft accent */
  --theme-success: #c5dedd;   /* success tone (also used for other elements) */
  --theme-mint: #dbe7e4;      /* minty neutral */
  --theme-cool-1: #d6e2e9;    /* cool tone */
  --theme-cool-2: #bcd4e6;    /* cool tone */
  --theme-text: #222222;      /* primary text */
  --theme-muted: #55606a;     /* muted text */
  --theme-border: rgba(34,34,34,0.06);
  --btn-text-on-primary: #ffffff;
}

/* Semantic overrides */
body{ background-color:var(--theme-bg); color:var(--theme-text); }
.card{ background-color:var(--theme-card); border-color:var(--theme-border); color:var(--theme-text); }
.card .card-body{ background:transparent; }
.btn-primary{ background-color:var(--theme-primary); border-color:var(--theme-primary); color:var(--btn-text-on-primary); }
.btn-primary:hover, .btn-primary:focus{ background-color:var(--theme-primary-hover); border-color:var(--theme-primary-hover); }
.btn-outline-secondary{ color:var(--theme-text); border-color:var(--theme-border); }
.badge.bg-success{ background-color:var(--theme-current-bg); color:var(--theme-text); }
.badge.bg-danger{ background-color:var(--theme-destination-bg); color:var(--theme-text); }
.input-group .form-control{ background:transparent; color:var(--theme-text); border-color:var(--theme-border); }
#autocompleteList{ background:var(--theme-surface); border:1px solid var(--theme-border); color:var(--theme-text); }
#map{ background:var(--theme-surface); border:1px solid var(--theme-border); }
#result{ color:var(--theme-muted); }
#routeInfo { background: linear-gradient(180deg, rgba(255,255,255,0.3), transparent); border-color:var(--theme-border); }
.pulse-container .pulse-ring{ background:var(--theme-current-bg); opacity:0.28; }
.pulse-container .pulse-dot{ background:var(--theme-text); box-shadow:0 0 8px rgba(0,0,0,0.12); }
footer { color:var(--theme-muted); }

/* Current/Destination specific card styles */
#currentCard.loc-card { background: var(--theme-current-bg) !important; }
#destinationCard.loc-card { background: var(--theme-destination-bg) !important; }
#currentCard .card-body, #destinationCard .card-body { font-weight:400 !important; color:var(--theme-text) !important; }
.loc-card { width:100%; }
/* end */
