@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

*,*::before,*::after{font-family:'Geist',sans-serif!important}

/* Force dark colors on BOTH themes */
body[data-theme=light],body[data-theme=dark]{
  --colors-gray-50:#0a0a0a;
  --colors-gray-100:#111;
  --colors-gray-200:#1a1a1a;
  --colors-gray-300:#222;
  --colors-gray-400:#444;
  --colors-gray-500:#666;
  --colors-gray-600:#999;
  --colors-gray-700:#bbb;
  --colors-gray-800:#ddd;
  --colors-gray-900:#fff;
  --colors-white:#0a0a0a;
  --colors-black:#fff;
  --colors-primary-light:#e0bc72;
  --colors-primary-base:#d4a853;
  --colors-primary-dark:#b8923f;
  color-scheme:dark;
}

body{background:#000!important;color:#d1d5db!important}

/* Override light theme utility classes to use dark values */
body[data-theme=light] .bg-gray-100,
body[data-theme=light] .hover\:bg-gray-100:hover{background-color:#111!important}
body[data-theme=light] .bg-gray-200,
body[data-theme=light] .hover\:bg-gray-200:hover{background-color:#1a1a1a!important}
body[data-theme=light] .border-gray-200{border-color:#1a1a1a!important}
body[data-theme=light] .border-gray-400{border-color:#444!important}
body[data-theme=light] .text-gray-500{color:#666!important}
body[data-theme=light] .text-gray-600{color:#999!important}
body[data-theme=light] .text-gray-700{color:#bbb!important}
body[data-theme=light] .text-gray-800{color:#ddd!important}
body[data-theme=light] .text-gray-900{color:#fff!important}
body[data-theme=light] .bg-white{background-color:#0a0a0a!important}

/* Header and nav */
.c-menu,.c-header{background:#0a0a0a!important;border-color:rgba(255,255,255,0.08)!important}

/* Gold primary buttons */
.c-button--primary,.c-button--primary:hover{
  background:#d4a853!important;border-color:#d4a853!important;color:#000!important
}

/* Cards and posts */
.c-post-item,.c-comment,.c-card{
  background:rgba(255,255,255,0.02)!important;
  border-color:rgba(255,255,255,0.08)!important
}

.c-post-item:hover{
  border-color:rgba(212,168,83,0.3)!important;
  box-shadow:0 0 20px rgba(212,168,83,0.06)!important
}

/* Vote button when voted */
.c-vote-counter--voted{
  background:#d4a853!important;border-color:#d4a853!important;color:#000!important
}

/* Gold links */
a{color:#d4a853!important}
a:hover{color:#e0bc72!important}

/* Hide Fider footer */
footer{display:none!important}

.c-signin-control .c-divider{display:none!important}
.c-signin-control .text-muted{display:none!important}