/* Masculine Font Override */
body, html {
  font-family: 'Oswald', 'Inter', system-ui, sans-serif;
}

h1, h2, h3, .font-helvetica {
  font-family: 'Bebas Neue', 'Oswald', sans-serif;
  letter-spacing: 0.05em;
}

/* Stoic Dark Theme Override - No Green */
:root {
  --bg-primary: #000000;
  --bg-secondary: #0a0a0a;
  --text-primary: #ffffff;
  --text-secondary: #a1a1a1;
  --text-muted: #6b6b6b;
  --accent-primary: #ffffff;
  --accent-secondary: #d4d4d4;
  --accent-tertiary: #e5e5e5;
  --border-color: rgba(255, 255, 255, .08);
  --border-hover: rgba(255, 255, 255, .15);
  --star-color: #ffffff;
  --star-accent: #a1a1a1;
  --input-bg: rgba(255, 255, 255, .03);
  --card-bg: rgba(255, 255, 255, .02);
  --glow-color: rgba(255, 255, 255, .1);
  --accent-color: #ffffff;
  --accent-glow: rgba(255, 255, 255, .2);
  --card-border: rgba(255, 255, 255, .08);
  --button-bg: rgba(255, 255, 255, .05);
  --button-border: rgba(255, 255, 255, .15);
  --button-hover: rgba(255, 255, 255, .1);
  --input-border: rgba(255, 255, 255, .1);
  --copy-button-bg: rgba(255, 255, 255, .05);
  --copy-button-hover: rgba(255, 255, 255, .1);
  --section-bg: #000000;
  --mobile-menu-bg: rgba(0, 0, 0, .98);
}

/* Gradient text - white/gray stoic */
.theme-gradient-text {
  background: linear-gradient(to right, #ffffff, #a1a1a1, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Remove green glow animations */
@keyframes glow {
  0% { text-shadow: 0 0 10px rgba(255,255,255,0.3), 0 0 20px rgba(255,255,255,0.2); }
  to { text-shadow: 0 0 20px rgba(255,255,255,0.4), 0 0 30px rgba(255,255,255,0.3); }
}

@keyframes glow-pulse {
  0%, to {
    box-shadow: 0 0 4px rgba(255,255,255,0.2), 0 0 8px rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.4);
  }
  50% {
    box-shadow: 0 0 6px rgba(255,255,255,0.3), 0 0 12px rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.6);
  }
}

/* Header hover - white not green */
.theme-header-hover:hover {
  color: #ffffff !important;
}

/* Remove cursor glow effect or make it white */
.theme-cursor-glow-effect {
  background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 60%);
}

/* Live dot - white pulse */
.theme-live-dot {
  background-color: #ffffff;
}

/* Footer link hover */
.theme-footer-link:hover {
  color: #ffffff;
}

/* Toggle dot - white */
.theme-toggle-dot {
  background: #ffffff;
}

.theme-toggle-label-dark {
  color: #ffffff;
}

/* Stats card glow */
.theme-stats-card-glow {
  background-color: #ffffff;
}

/* Floating words animation */
@keyframes float-word-1 {
  0% { opacity: 0; transform: translateY(0) translateX(0); }
  10% { opacity: 0.7; }
  60% { opacity: 0.7; }
  100% { opacity: 0; transform: translateY(-60px) translateX(10px); }
}

@keyframes float-word-2 {
  0% { opacity: 0; transform: translateY(0) translateX(0); }
  10% { opacity: 0.5; }
  60% { opacity: 0.5; }
  100% { opacity: 0; transform: translateY(-70px) translateX(-15px); }
}

@keyframes float-word-3 {
  0% { opacity: 0; transform: translateY(0) translateX(0); }
  10% { opacity: 0.6; }
  60% { opacity: 0.6; }
  100% { opacity: 0; transform: translateY(-50px) translateX(20px); }
}

@keyframes float-word-4 {
  0% { opacity: 0; transform: translateY(0) translateX(0); }
  10% { opacity: 0.4; }
  60% { opacity: 0.4; }
  100% { opacity: 0; transform: translateY(-80px) translateX(-10px); }
}

@keyframes float-word-5 {
  0% { opacity: 0; transform: translateY(0) translateX(0); }
  10% { opacity: 0.55; }
  60% { opacity: 0.55; }
  100% { opacity: 0; transform: translateY(-65px) translateX(5px); }
}

.animate-float-word-1 {
  animation: float-word-1 3s ease-out infinite;
  animation-delay: 0s;
}

.animate-float-word-2 {
  animation: float-word-2 3.5s ease-out infinite;
  animation-delay: 0.5s;
}

.animate-float-word-3 {
  animation: float-word-3 2.8s ease-out infinite;
  animation-delay: 1s;
}

.animate-float-word-4 {
  animation: float-word-4 4s ease-out infinite;
  animation-delay: 1.5s;
}

.animate-float-word-5 {
  animation: float-word-5 3.2s ease-out infinite;
  animation-delay: 0.8s;
}

.floating-word {
  position: absolute;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  pointer-events: none;
  white-space: nowrap;
}

/* Checkbox override */
input[type=checkbox]:checked {
  background-color: #ffffff;
  border-color: #ffffff;
}

input[type=checkbox]:checked:before {
  color: #000;
}