/* ---- ROSE THEME ---- */
body.theme-rose {
  background: #0c0a10 !important;
  color: #a09da8 !important;
}
body.theme-rose::before, body.theme-rose::after { display: none !important; }
body.theme-rose .glass,
body.theme-rose .ind-card,
body.theme-rose .ai-card,
body.theme-rose .now-card,
body.theme-rose .cred-card,
body.theme-rose .post-card,
body.theme-rose .project-card {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(224,120,152,0.1) !important;
}
body.theme-rose h1 { background: linear-gradient(to right, #e07898, #c4a0ff) !important; -webkit-background-clip: text !important; }
body.theme-rose h2 { color: #f2efe8 !important; border-color: rgba(224,120,152,0.15) !important; }
body.theme-rose h3 { color: #e07898 !important; }
body.theme-rose p, body.theme-rose li { color: #a09da8 !important; }
body.theme-rose strong { color: #f2efe8 !important; }
body.theme-rose a { color: #e07898 !important; }
body.theme-rose .btn { background: linear-gradient(135deg, #e07898, #c4a0ff) !important; color: white !important; }
body.theme-rose footer, body.theme-rose .footer { border-color: rgba(224,120,152,0.1) !important; color: #625f6e !important; }
body.theme-rose footer a, body.theme-rose .footer a, body.theme-rose .footer span { color: #e07898 !important; }
body.theme-rose nav a { color: #625f6e !important; }
body.theme-rose .section-header p { color: #625f6e !important; }
body.theme-rose .section-label { color: #e07898 !important; }
body.theme-rose .tag, body.theme-rose .meta .tag { background: rgba(224,120,152,0.06) !important; border-color: rgba(224,120,152,0.2) !important; color: #a09da8 !important; }
body.theme-rose .tag.live { border-color: rgba(52,211,153,0.3) !important; color: #34d399 !important; }
body.theme-rose .tag.progress { border-color: rgba(240,192,96,0.3) !important; color: #f0c060 !important; }
body.theme-rose .companies, body.theme-rose .ai-tag, body.theme-rose .co { color: #e07898 !important; }
body.theme-rose .journey-year, body.theme-rose .tl-year { color: #625f6e !important; }
body.theme-rose .journey-content .loc, body.theme-rose .tl-loc { color: #ffb088 !important; }
body.theme-rose .journey-content .tech, body.theme-rose .tl-tech { color: #625f6e !important; }
body.theme-rose .stat-num { color: #e07898 !important; }
body.theme-rose .stat-label { color: #625f6e !important; }
body.theme-rose .ind-joke { color: #625f6e !important; }
body.theme-rose code { background: rgba(224,120,152,0.06) !important; border-color: rgba(224,120,152,0.15) !important; color: #e07898 !important; }
body.theme-rose .stats-bar { border-color: rgba(224,120,152,0.1) !important; }
body.theme-rose .settings-btn { color: #625f6e !important; }
body.theme-rose .settings-btn:hover { color: #e07898 !important; }
body.theme-rose .settings-panel { background: #1c1a24 !important; border-color: rgba(224,120,152,0.15) !important; }
body.theme-rose .settings-panel label { color: #a09da8 !important; }
body.theme-rose .settings-panel label:hover { background: rgba(224,120,152,0.05) !important; }
body.theme-rose .settings-panel input[type="radio"] { accent-color: #e07898 !important; }

/* ---- LIGHT THEME ---- */
body.theme-light {
  background: #faf7f2 !important;
  color: #4a4a4a !important;
}
body.theme-light::before, body.theme-light::after { display: none !important; }
body.theme-light .glass,
body.theme-light .ind-card,
body.theme-light .ai-card,
body.theme-light .now-card,
body.theme-light .cred-card,
body.theme-light .post-card,
body.theme-light .project-card {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.1) !important;
}
body.theme-light h1 { background: linear-gradient(to right, #4f46e5, #7c3aed) !important; -webkit-background-clip: text !important; }
body.theme-light h2 { color: #2a2a2a !important; border-color: rgba(0,0,0,0.1) !important; }
body.theme-light h3 { color: #4f46e5 !important; }
body.theme-light p, body.theme-light li { color: #555 !important; }
body.theme-light strong { color: #2a2a2a !important; }
body.theme-light a { color: #4f46e5 !important; }
body.theme-light .btn { background: linear-gradient(135deg, #4f46e5, #0ea5e9) !important; color: white !important; }
body.theme-light footer, body.theme-light .footer { border-color: rgba(0,0,0,0.1) !important; color: #999 !important; }
body.theme-light footer a, body.theme-light .footer a, body.theme-light .footer span { color: #4f46e5 !important; }
body.theme-light nav a { color: #888 !important; }
body.theme-light .grain { display: none !important; }
body.theme-light .hero-label { color: #4f46e5 !important; }
body.theme-light .hero em { color: #7c3aed !important; }
body.theme-light .hero .life { color: #999 !important; }
body.theme-light .section-header p { color: #999 !important; }
body.theme-light .section-label { color: #4f46e5 !important; }
body.theme-light .tag, body.theme-light .meta .tag { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.1) !important; color: #666 !important; }
body.theme-light .tag.live { border-color: rgba(16,185,129,0.3) !important; color: #059669 !important; }
body.theme-light .tag.progress { border-color: rgba(217,119,6,0.3) !important; color: #b45309 !important; }
body.theme-light .companies, body.theme-light .ai-tag, body.theme-light .co { color: #4f46e5 !important; }
body.theme-light .journey-year, body.theme-light .tl-year { color: #999 !important; }
body.theme-light .journey-content .loc, body.theme-light .tl-loc { color: #7c3aed !important; }
body.theme-light .journey-content .tech, body.theme-light .tl-tech { color: #999 !important; }
body.theme-light .stat-num { color: #4f46e5 !important; }
body.theme-light .stat-label { color: #999 !important; }
body.theme-light .manifesto blockquote { color: #2a2a2a !important; }
body.theme-light .ind-joke { color: #999 !important; }
body.theme-light code { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.1) !important; color: #4f46e5 !important; }
body.theme-light .stats-bar { border-color: rgba(0,0,0,0.1) !important; }

/* ---- TERMINAL THEME ---- */
body.theme-terminal {
  background: #0a0a0a !important;
  color: #00cc66 !important;
}
body.theme-terminal::before, body.theme-terminal::after { display: none !important; }
body.theme-terminal .glass,
body.theme-terminal .ind-card,
body.theme-terminal .ai-card,
body.theme-terminal .now-card,
body.theme-terminal .cred-card,
body.theme-terminal .post-card,
body.theme-terminal .project-card {
  background: rgba(0,255,136,0.03) !important;
  border-color: rgba(0,255,136,0.1) !important;
}
body.theme-terminal h1 { background: linear-gradient(to right, #00ff88, #00ccff) !important; -webkit-background-clip: text !important; }
body.theme-terminal h2 { color: #00ff88 !important; border-color: rgba(0,255,136,0.15) !important; }
body.theme-terminal h3 { color: #00ff88 !important; }
body.theme-terminal p, body.theme-terminal li { color: #00cc66 !important; }
body.theme-terminal strong { color: #00ff88 !important; }
body.theme-terminal a { color: #00ff88 !important; }
body.theme-terminal .btn { background: linear-gradient(135deg, #00aa55, #008844) !important; color: white !important; }
body.theme-terminal footer, body.theme-terminal .footer { border-color: rgba(0,255,136,0.1) !important; color: #338855 !important; }
body.theme-terminal footer a, body.theme-terminal .footer a, body.theme-terminal .footer span { color: #00ff88 !important; }
body.theme-terminal nav a { color: #338855 !important; }
body.theme-terminal .grain { opacity: 0.06 !important; }
body.theme-terminal .hero-label { color: #00ff88 !important; }
body.theme-terminal .hero em { color: #00ff88 !important; }
body.theme-terminal .hero .life { color: #338855 !important; }
body.theme-terminal .section-header p { color: #338855 !important; }
body.theme-terminal .section-label { color: #00ff88 !important; }
body.theme-terminal .tag, body.theme-terminal .meta .tag { background: rgba(0,255,136,0.05) !important; border-color: rgba(0,255,136,0.15) !important; color: #00cc66 !important; }
body.theme-terminal .tag.live { color: #00ff88 !important; }
body.theme-terminal .tag.progress { color: #ffcc00 !important; border-color: rgba(255,204,0,0.3) !important; }
body.theme-terminal .companies, body.theme-terminal .ai-tag, body.theme-terminal .co { color: #00ff88 !important; }
body.theme-terminal .journey-year, body.theme-terminal .tl-year { color: #338855 !important; }
body.theme-terminal .journey-content .loc, body.theme-terminal .tl-loc { color: #00ccff !important; }
body.theme-terminal .journey-content .tech, body.theme-terminal .tl-tech { color: #338855 !important; }
body.theme-terminal .stat-num { color: #00ff88 !important; }
body.theme-terminal .stat-label { color: #338855 !important; }
body.theme-terminal .manifesto blockquote { color: #00ff88 !important; }
body.theme-terminal .ind-joke { color: #338855 !important; }
body.theme-terminal code { background: rgba(0,255,136,0.05) !important; border-color: rgba(0,255,136,0.15) !important; color: #00ff88 !important; }
body.theme-terminal .stats-bar { border-color: rgba(0,255,136,0.1) !important; }

/* ---- SETTINGS GEAR ---- */
.settings-btn {
  cursor: pointer;
  font-size: 1.1rem;
  color: #94a3b8;
  background: none;
  border: none;
  position: relative;
  transition: color 0.2s, transform 0.3s;
  padding: 4px;
}
.settings-btn:hover { color: #a5b4fc; transform: rotate(45deg); }
body.theme-light .settings-btn { color: #888; }
body.theme-light .settings-btn:hover { color: #4f46e5; }
body.theme-terminal .settings-btn { color: #338855; }
body.theme-terminal .settings-btn:hover { color: #00ff88; }

.settings-panel {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  background: #1e293b;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 8px 4px;
  min-width: 140px;
  z-index: 1001;
}
.settings-panel.open { display: block; }
body.theme-light .settings-panel { background: #fff; border-color: rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
body.theme-terminal .settings-panel { background: #111; border-color: rgba(0,255,136,0.15); }

.settings-panel label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: 'Segoe UI', sans-serif;
  font-size: 0.82rem;
  color: #94a3b8;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s;
}
.settings-panel label:hover { background: rgba(255,255,255,0.05); }
body.theme-light .settings-panel label { color: #555; }
body.theme-light .settings-panel label:hover { background: rgba(0,0,0,0.04); }
body.theme-terminal .settings-panel label { color: #00cc66; }
body.theme-terminal .settings-panel label:hover { background: rgba(0,255,136,0.05); }

.settings-panel input[type="radio"] { accent-color: #a5b4fc; }
body.theme-terminal .settings-panel input[type="radio"] { accent-color: #00ff88; }