/* 1. DARK MODE SCOPED OVERRIDES */
/* Backgrounds and text colors only change when the theme is set to dark */
[data-theme="dark"] body {
  background-color: #0B0208 !important;
}

[data-theme="dark"] #c-header {
  background-color: #222222 !important;
  border-bottom: 1px solid #333333 !important;
}

[data-theme="dark"] .card, 
[data-theme="dark"] .c-posts-container__post, 
[data-theme="dark"] .p-show-post__post-card, 
[data-theme="dark"] .c-comment-input-card {
  background-color: #222222 !important;
}

[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, 
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, 
[data-theme="dark"] p, [data-theme="dark"] span, [data-theme="dark"] div,
[data-theme="dark"] .text-gray-900, [data-theme="dark"] .text-gray-700 {
  color: #FCF6DB !important;
}

/* 2. BUTTONS (Consistent for both modes) */
/* "What do you want me to react to?" (Red) */
.p-home__add-idea-btn {
  background-color: #E3213F !important;
  color: #FCF6DB !important;
  border: none !important;
  border-radius: 6px !important;
}

/* "Vote for this idea" (Green) */
.p-show-post__vote-section .c-button--primary {
  background-color: #2CAA44 !important;
  color: #FCF6DB !important;
  border: none !important;
  border-radius: 6px !important;
}

/* Other primary buttons (Red) */
.c-button--primary:not(.p-show-post__vote-section .c-button--primary):not(.p-home__add-idea-btn) {
  background-color: #E3213F !important;
  color: #FCF6DB !important;
  border: none !important;
}

/* 3. THE TEAL BRANDING (#06ABAB) */
/* This covers links, staff icons, status badges, discussion counts, and navigation bars */
.c-username--staff svg,
.c-button--link,
.c-action-button__icon,
.text-link,
.c-powered a,
.c-status-col--open,
.text-blue-700,
.text-blue-600,
.p-show-post__discussion-count,
a.c-header__nav-link,
a.c-header__nav-link--active {
  color: #06ABAB !important;
  fill: #06ABAB !important;
  stroke: #06ABAB !important;
  border-bottom-color: #06ABAB !important;
}

/* Active Nav Bar Underline Fix */
a.c-header__nav-link--active {
  border-bottom: 2px solid #06ABAB !important;
}

/* Status Badge Background Fix */
.bg-blue-100 {
  background-color: rgba(6, 171, 171, 0.2) !important;
  border: 1px solid #06ABAB !important;
}

/* 4. FIX: "+" Icon color (Beige #FCF6DB) */
.p-home__add-idea-icon, 
.p-home__add-idea-icon use {
  fill: #FCF6DB !important;
  stroke: #FCF6DB !important;
  color: #FCF6DB !important;
}

/* 5. Typography (Global) */
h1, h2, .text-2xl, .text-xl, .p-home__welcome-title, .p-show-post__title { 
  font-family: 'Ubuntu', sans-serif !important; 
}
h3, h4, h5, h6, .text-lg, .font-semibold { 
  font-family: 'Montserrat Alternates', sans-serif !important; 
}
body {
  font-family: 'Libre Franklin', sans-serif !important;
}