/* Palette overrides for Charcoal Gray / Concrete Silver / Electric Blue / Cloud White */
:root{
  --color-charcoal:#333333; /* Primary Text/Headers */
  --color-silver:#A5A5A5;  /* Secondary Elements */
  --color-electric:#007BFF; /* Buttons/Links/Accents */
  --color-cloud:#F8F9FA;    /* Background/Clean Space */
}

/* Base adjustments */
body.bg-white, body {background-color:var(--color-cloud) !important; color:var(--color-charcoal) !important}

/* Text mapping */
.text-gray-700{color:var(--color-charcoal) !important}
.text-gray-800{color:var(--color-charcoal) !important}
.text-gray-300{color:var(--color-silver) !important}
.text-amber-500{color:var(--color-electric) !important}
.hover\:text-amber-500:hover{color:var(--color-electric) !important}

/* Background mapping */
.bg-white{background-color:var(--color-cloud) !important}
.bg-gray-800{background-color:var(--color-charcoal) !important}
.bg-gray-700{background-color:var(--color-charcoal) !important}
.bg-amber-500{background-color:var(--color-electric) !important}

/* Header/Footer */
header.bg-gray-800, footer.bg-gray-800{background-color:var(--color-charcoal) !important}
footer.text-gray-300{color:var(--color-silver) !important}

/* CTA / buttons */
.cta-button{background-color:var(--color-electric) !important; color:#fff !important; border-color:var(--color-electric) !important}
.cta-button:hover{filter:brightness(.95); transform:translateY(-2px) !important; box-shadow:0 8px 18px rgba(0,0,0,0.12) !important}

/* Navigation links */
nav a, .nav-link{color:var(--color-silver) !important}
nav a:hover, .nav-link:hover{color:var(--color-electric) !important}

/* Smaller utilities */
.border-gray-700{border-color:rgba(51,51,51,.85) !important}
.border-gray-300{border-color:var(--color-silver) !important}
.text-white{color:#ffffff !important}

/* Hover/bg utility tweaks used in markup */
.hover\:bg-gray-700:hover{background-color:var(--color-charcoal) !important}
.hover\:bg-gray-100:hover{background-color:var(--color-cloud) !important}
.hover\:bg-amber-400:hover{background-color:var(--color-electric) !important}
.hover\:bg-amber-600:hover{background-color:var(--color-electric) !important}
.hover\:text-amber:hover{color:var(--color-electric) !important}

/* Additional background shades — map light grays to Cloud White, dark ones to Charcoal */
.bg-gray-50{background-color:var(--color-cloud) !important}
.bg-gray-100{background-color:var(--color-cloud) !important}
.bg-gray-900{background-color:var(--color-charcoal) !important}

/* Additional text shades */
.text-gray-600{color:var(--color-charcoal) !important}
.text-gray-900{color:var(--color-charcoal) !important}
.text-amber-600{color:var(--color-electric) !important}

/* Focus ring — match Electric Blue */
.focus\:ring-amber-500:focus{--tw-ring-color:var(--color-electric) !important}
.focus\:border-amber-500:focus{border-color:var(--color-electric) !important}

/* Form inputs — subtle border update */
input, textarea, select{border-color:var(--color-silver)}
input:focus, textarea:focus, select:focus{border-color:var(--color-electric); outline-color:var(--color-electric)}

/* End palette overrides */