/* 1. Import your Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600&family=Montserrat+Alternates:wght@500;700&family=Ubuntu:wght@500;700&display=swap');

/* 2. Define the base dark theme canvas (Pitch Black) */
[data-theme="dark"] body, [data-theme="dark"] html {
  background-color: #0B0208 !important;
  color: #FCF6DB !important;
  font-family: 'Libre Franklin', sans-serif !important;
}

/* 3. Style the cards specifically (Dark Gray) */
[data-theme="dark"] .bg-white, 
[data-theme="dark"] .c-posts-container__post, 
[data-theme="dark"] .c-form {
  background-color: #222222 !important;
}

/* 4. Ensure headers and text use your custom fonts */
h1, h2, .text-2xl, .text-xl, .p-home__welcome-title { 
  font-family: 'Ubuntu', sans-serif !important; 
}
h3, h4, h5, h6, .text-lg, .font-semibold { 
  font-family: 'Montserrat Alternates', sans-serif !important; 
}

/* 5. Buttons (Red with Cream text) */
.btn, .bg-blue-600, .p-home__add-idea-btn {
  background-color: #E3213F !important; 
  color: #FCF6DB !important;
  font-family: 'Ubuntu', sans-serif !important;
  border: none !important;
}
.btn svg, .bg-blue-600 svg, .p-home__add-idea-btn svg {
  fill: #FCF6DB !important;
}

/* 6. Links (Teal) - EXCLUDING Tags */
a:not(.c-tag), .text-blue-600:not(.c-tag) {
  color: #06ABAB !important;
}
a:not(.c-tag):hover {
  color: #E49F80 !important;
}

/* 7. Tags - Preserving your specific dashboard colors */
.c-tag {
  opacity: 0.9;
  font-weight: 500;
  /* No color forced here, allowing the dashboard hex codes to work */
}

/* Specifically target the 'plus' icon in the main CTA button */
.p-home__add-idea-btn svg {
  fill: #FCF6DB !important;
  stroke: #FCF6DB !important;
  color: #FCF6DB !important;
}