/* === Defensia Dark Theme === */

/* Override ALL theme variables on light mode (Fider default) */
body, body[data-theme="light"] {
  --colors-primary-base: #0EA5E9 !important;
  --colors-primary-dark: #0284C7 !important;
  --colors-gray-50: #0B1625 !important;
  --colors-gray-100: #0D1B2A !important;
  --colors-gray-200: #1E293B !important;
  --colors-gray-300: #334155 !important;
  --colors-gray-500: #64748B !important;
  --colors-gray-600: #94A3B8 !important;
  --colors-gray-700: #CBD5E1 !important;
  --colors-gray-800: #E2E8F0 !important;
  --colors-gray-900: #F8FAFC !important;
  --colors-white: #0D1B2A !important;
  --colors-black: #F8FAFC !important;
  --colors-green-50: #052e16 !important;
  --colors-green-600: #22C55E !important;
  --colors-green-800: #86EFAC !important;
  --colors-blue-50: #0c2d48 !important;
  --colors-blue-100: #0c2d48 !important;
  --colors-blue-600: #0EA5E9 !important;
  --colors-blue-700: #38BDF8 !important;
  --colors-blue-800: #7DD3FC !important;
  --colors-red-50: #2d0a0a !important;
  --colors-red-600: #EF4444 !important;
  --colors-red-700: #F87171 !important;
  --colors-red-800: #FCA5A5 !important;
  --colors-yellow-50: #2d1f05 !important;
  --colors-yellow-800: #FBBF24 !important;
  background: #06090F !important;
  color: #E2E8F0 !important;
}

/* Utility class overrides (hardcoded colors) */
body[data-theme="light"] .bg-white, .bg-white { background-color: #0D1B2A !important; }
body[data-theme="light"] .bg-gray-50, .bg-gray-50 { background-color: #0B1625 !important; }
body[data-theme="light"] .bg-gray-100, .bg-gray-100 { background-color: #0D1B2A !important; }
body[data-theme="light"] .bg-gray-200, .bg-gray-200 { background-color: #1E293B !important; }

body[data-theme="light"] .text-gray-500, .text-gray-500 { color: #64748B !important; }
body[data-theme="light"] .text-gray-600, .text-gray-600 { color: #94A3B8 !important; }
body[data-theme="light"] .text-gray-700, .text-gray-700 { color: #CBD5E1 !important; }
body[data-theme="light"] .text-gray-800, .text-gray-800 { color: #E2E8F0 !important; }

body[data-theme="light"] .border-gray-200, .border-gray-200 { border-color: #1E293B !important; }
body[data-theme="light"] .border-gray-400, .border-gray-400 { border-color: #334155 !important; }
body[data-theme="light"] .border-gray-800, .border-gray-800 { border-color: #475569 !important; }

/* Colored utility backgrounds */
body[data-theme="light"] .bg-green-100, .bg-green-100 { background-color: #052e16 !important; }
body[data-theme="light"] .bg-green-300, .bg-green-300 { background-color: #14532d !important; }
body[data-theme="light"] .bg-blue-100, .bg-blue-100 { background-color: #0c2d48 !important; }
body[data-theme="light"] .bg-red-100, .bg-red-100 { background-color: #2d0a0a !important; }
body[data-theme="light"] .bg-yellow-100, .bg-yellow-100 { background-color: #2d1f05 !important; }

/* Colored text utilities */
body[data-theme="light"] .text-green-800, .text-green-800 { color: #86EFAC !important; }
body[data-theme="light"] .text-blue-800, .text-blue-800 { color: #7DD3FC !important; }
body[data-theme="light"] .text-red-800, .text-red-800 { color: #FCA5A5 !important; }
body[data-theme="light"] .text-yellow-800, .text-yellow-800 { color: #FBBF24 !important; }

/* Header */
.c-header { background: #0B1625 !important; border-bottom: 1px solid #1E293B !important; }

/* Post items & cards */
.c-post-item:hover, .hover:hover { background: #111d2e !important; }

/* Share feedback panel */
.c-share-feedback { background-color: #1E293B !important; }
.c-share-feedback__content { background-color: #0D1B2A !important; }

/* Primary buttons */
.c-button--primary { background: #0EA5E9 !important; color: #06090F !important; border: none !important; font-weight: 600 !important; }
.c-button--primary:hover { background: #38BDF8 !important; }

/* Secondary & tertiary buttons */
.c-button--secondary, .c-button--tertiary { background: #1E293B !important; color: #94A3B8 !important; border-color: #334155 !important; }
.c-button--secondary:hover, .c-button--tertiary:hover { color: #F8FAFC !important; background: #334155 !important; }

/* Link buttons */
.c-button--link { color: #0EA5E9 !important; }
.c-button--link:hover { color: #38BDF8 !important; }

/* Form inputs */
.c-input, .c-textarea, .c-select { background: #06090F !important; border-color: #1E293B !important; color: #F8FAFC !important; }
.c-input:focus, .c-textarea:focus, .c-select:focus { border-color: #0EA5E9 !important; box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.15) !important; }
.c-input::placeholder, .c-textarea::placeholder { color: #475569 !important; }

/* Vote button */
.c-vote-button { background: #0D1B2A !important; border-color: #1E293B !important; color: #94A3B8 !important; }
.c-vote-button:hover { border-color: #0EA5E9 !important; color: #0EA5E9 !important; }
.c-vote-button--voted { border-color: #0EA5E9 !important; color: #0EA5E9 !important; background: #0c2d48 !important; }

/* Modal */
.c-modal-window { background: #0D1B2A !important; border: 1px solid #1E293B !important; }
.c-modal-dimmer { background: rgba(0, 0, 0, 0.75) !important; }

/* Links */
a { color: #0EA5E9; }
a:hover { color: #38BDF8; }

/* Tags */
.c-tag { background: #1E293B !important; color: #94A3B8 !important; border-color: #334155 !important; }

/* Comments */
.c-comment { border-color: #1E293B !important; }

/* Hint/info boxes */
.c-hint { background: #0c2d48 !important; border-color: #0369A1 !important; color: #7DD3FC !important; }

/* Messages */
.c-message--success { background: #052e16 !important; border-color: #166534 !important; color: #86EFAC !important; }
.c-message--error { background: #2d0a0a !important; border-color: #7f1d1d !important; color: #FCA5A5 !important; }

/* Toggle */
.c-toggle--enabled { background: #0EA5E9 !important; }
.c-toggle--disabled { background: #334155 !important; }

/* Avatar */
.c-avatar { background: #1E293B !important; color: #94A3B8 !important; }

/* Notification badge */
.c-unread-count { background: #0EA5E9 !important; color: #06090F !important; }

/* Tabs */
.c-tab-item { color: #94A3B8 !important; }
.c-tab-item:hover { color: #F8FAFC !important; }
.c-tab-item--active { border-color: #0EA5E9 !important; color: #0EA5E9 !important; }

/* Footer */
.c-footer { background: #06090F !important; border-top: 1px solid #1E293B !important; }
.c-footer, .c-footer a { color: #334155 !important; }

/* Typography */
.text-display2 { color: #F8FAFC !important; }
.text-large { color: #F8FAFC !important; }
.text-header { color: #F8FAFC !important; }
.text-title { color: #F8FAFC !important; }
.text-body { color: #CBD5E1 !important; }
.text-muted { color: #64748B !important; }
.text-category { color: #94A3B8 !important; }

/* Rich text editor */
.fider-tiptap-editor { background: #06090F !important; border-color: #1E293B !important; color: #F8FAFC !important; }

/* Box component */
.box { background: #0D1B2A !important; border-color: #1E293B !important; }

/* Flex dividers */
.flex--divide-2 > :not(:first-child),
.flex--divide-4 > :not(:first-child),
.flex--divide-6 > :not(:first-child) { border-color: #1E293B !important; }

/* Filter input */
.filter-input { background: #06090F !important; border-color: #1E293B !important; color: #F8FAFC !important; }

/* Post status response */
.c-response { background: #0D1B2A !important; border-color: #1E293B !important; }

/* Home page grid */
#p-home .p-home__welcome-col > :first-child,
#p-home .p-home__posts-col { background-color: #0D1B2A !important; border-color: #1E293B !important; }

/* Dropdown menus */
[class*="dropdown"], [class*="popup"] { background: #0D1B2A !important; border-color: #1E293B !important; color: #E2E8F0 !important; }

/* Selection */
::selection { background: rgba(14, 165, 233, 0.3); color: #F8FAFC; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0B1625; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Status labels - ensure readable */
.c-status-label { font-weight: 600 !important; }

/* Header site title - match Defensia branding */
.c-header a[href="/"] {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  font-size: 16px !important;
  color: #F8FAFC !important;
  text-transform: none !important;
}

/* Logo + title wrapper */
.c-header .flex-items-center img + span,
.c-header .flex-items-center img + div,
.c-header a[href="/"] span {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #F8FAFC !important;
}