/* ── Remark Blue Theme ─────────────────────────────────────────────────────── */
/* Overrides the warm amber palette with deep-space electric blue             */

:root {
  --c-primary:#0EA5E9;--c-primary-dark:#0369A1;--c-primary-light:#BAE6FD;
  --c-primary-glow:rgba(14,165,233,0.5);
  --c-surface:#03080F;--c-elevated:#071525;--c-sunken:#010508;
  --c-text:#E0F2FE;--c-text-secondary:#7BAFC8;--c-text-muted:#2E5A78;
  --c-border:#0C2235;--c-border-strong:#163450;
  --c-success:#10B981;--c-danger:#EF4444;
  --shadow-card:0 1px 3px rgba(0,20,50,.6),0 4px 16px rgba(0,20,50,.5);
  --shadow-el:0 2px 8px rgba(0,20,50,.7),0 8px 32px rgba(0,20,50,.6);
  --shadow-float:0 4px 20px rgba(0,20,50,.8),0 16px 48px rgba(0,20,50,.7);
  --nav-bg:rgba(3,8,15,0.88);--grain-o:0.045;
}
[data-theme="dark"] {
  --c-primary:#38BDF8;--c-primary-dark:#0EA5E9;--c-primary-light:#0369A1;
  --c-primary-glow:rgba(56,189,248,0.55);
  --c-surface:#020710;--c-elevated:#04101F;--c-sunken:#010408;
  --c-text:#E0F2FE;--c-text-secondary:#7BAFC8;--c-text-muted:#2E5A78;
  --c-border:#0A1E33;--c-border-strong:#152D47;
  --c-success:#34D399;--c-danger:#F87171;
  --shadow-card:0 1px 3px rgba(0,0,0,.7),0 4px 16px rgba(0,0,0,.6);
  --shadow-el:0 2px 8px rgba(0,0,0,.8),0 8px 32px rgba(0,0,0,.7);
  --shadow-float:0 4px 20px rgba(0,0,0,.9),0 16px 48px rgba(0,0,0,.8);
  --nav-bg:rgba(2,7,16,0.92);
}

/* Force dark background on all pages */
html, body { background: var(--c-surface) !important; color: var(--c-text) !important; }

/* Blue glow button (replaces amber) */
.btn-amber {
  background: linear-gradient(135deg, #0EA5E9 0%, #0369A1 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0 rgba(14,165,233,0) !important;
  transition: transform 160ms cubic-bezier(.34,1.56,.64,1), box-shadow 200ms ease !important;
}
.btn-amber:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 24px rgba(14,165,233,0.7), 0 0 48px rgba(14,165,233,0.3), 0 6px 20px rgba(14,165,233,0.4) !important;
  background: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%) !important;
}
.btn-amber:hover::after { opacity: 1 !important; }

.btn-dark {
  background: var(--c-elevated) !important;
  color: var(--c-text) !important;
  border: 1.5px solid var(--c-border-strong) !important;
}
.btn-dark:hover {
  background: var(--c-border-strong) !important;
  border-color: var(--c-primary) !important;
  color: var(--c-primary) !important;
  box-shadow: 0 0 16px rgba(14,165,233,0.3) !important;
}

.btn-ghost {
  border-color: var(--c-border-strong) !important;
  color: var(--c-text-secondary) !important;
  background: transparent !important;
}
.btn-ghost:hover {
  border-color: var(--c-primary) !important;
  color: var(--c-primary) !important;
  box-shadow: 0 0 16px rgba(14,165,233,0.25), inset 0 0 20px rgba(14,165,233,0.05) !important;
  transform: translateY(-1px) !important;
}

/* Input focus glow */
input:focus, select:focus, textarea:focus {
  border-color: var(--c-primary) !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.2), 0 0 16px rgba(14,165,233,0.1) !important;
  outline: none !important;
}

/* Card hover glow */
.listing-card:hover {
  border-color: var(--c-primary) !important;
  box-shadow: 0 0 0 1.5px var(--c-primary), 0 0 30px rgba(14,165,233,0.2), 0 8px 32px rgba(0,20,50,.6) !important;
}
.step-card:hover {
  border-color: var(--c-primary) !important;
  box-shadow: 0 0 0 1px var(--c-primary), 0 0 24px rgba(14,165,233,0.15), 0 8px 28px rgba(0,20,50,.5) !important;
}

/* Nav link hover */
.nav-link:hover { color: var(--c-primary) !important; }

/* Primary color text */
.section-eyebrow, .step-num { color: var(--c-primary) !important; }
.step-num {
  background: rgba(14,165,233,0.1) !important;
  border-color: rgba(14,165,233,0.25) !important;
}

/* Hero eyebrow */
.hero-eyebrow {
  background: rgba(14,165,233,0.08) !important;
  border-color: rgba(14,165,233,0.2) !important;
  color: var(--c-primary) !important;
}

/* Hero heading em */
.hero-heading em { color: var(--c-primary) !important; text-shadow: 0 0 40px rgba(14,165,233,0.4) !important; }

/* Hero radial gradients */
.hero::before { background: radial-gradient(ellipse at center, rgba(14,165,233,0.18) 0%, transparent 62%) !important; }
.hero::after { background: radial-gradient(ellipse at center, rgba(6,182,212,0.08) 0%, transparent 65%) !important; }

/* Search focus */
.search-input:focus { border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(14,165,233,0.2) !important; }

/* Subject pills */
.subject-pill:hover {
  border-color: var(--c-primary) !important;
  color: var(--c-primary) !important;
  background: rgba(14,165,233,0.06) !important;
  box-shadow: 0 0 14px rgba(14,165,233,0.15) !important;
}

/* Trust section */
.trust-section { background: #020B1A !important; border-color: var(--c-border) !important; }
.trust-card:hover { border-color: rgba(14,165,233,0.4) !important; background: rgba(14,165,233,0.06) !important; }
.trust-icon { background: rgba(14,165,233,0.12) !important; }

/* Theme button */
.theme-btn:hover {
  border-color: var(--c-primary) !important;
  color: var(--c-primary) !important;
  box-shadow: 0 0 12px var(--c-primary-glow) !important;
}

/* Settings / sidebar active */
[style*="background:rgba(217,119,6"] { background: rgba(14,165,233,0.1) !important; }
[style*="color:#D97706"], [style*="color:var(--c-primary)"] { color: var(--c-primary) !important; }

/* Condition badges */
[style*="background:rgba(217,119,6"] { background: rgba(14,165,233,0.15) !important; }

/* 3D card tilt effect */
.listing-card {
  transform-style: preserve-3d;
  will-change: transform;
}

/* Glow pulse animation for featured items */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(14,165,233,0.3), 0 0 16px rgba(14,165,233,0.15); }
  50% { box-shadow: 0 0 16px rgba(14,165,233,0.5), 0 0 32px rgba(14,165,233,0.25); }
}

/* Scan-line shimmer on hover */
@keyframes shimmer {
  0% { transform: translateX(-100%) skewX(-12deg); }
  100% { transform: translateX(300%) skewX(-12deg); }
}
.btn-amber::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);
  transform: translateX(-100%) skewX(-12deg);
  transition: none;
  pointer-events: none;
}
.btn-amber:hover::before { animation: shimmer 0.6s ease forwards; }

/* Avatar colors → blue family */
.avatar:nth-child(1) { background: #0EA5E9 !important; }
.avatar:nth-child(2) { background: #06B6D4 !important; }
.avatar:nth-child(3) { background: #3B82F6 !important; }
.avatar:nth-child(4) { background: #8B5CF6 !important; }
.avatar:nth-child(5) { background: #0284C7 !important; }

/* Glassmorphism cards */
.glass {
  background: rgba(14,165,233,0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(14,165,233,0.12) !important;
}

/* Override any amber inline colors in trust icons */
[stroke="#D97706"] { stroke: #0EA5E9 !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--c-surface); }
::-webkit-scrollbar-thumb { background: var(--c-border-strong); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--c-primary); }

/* Floating orb animations */
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  33% { transform: translateY(-20px) rotate(120deg); }
  66% { transform: translateY(-10px) rotate(240deg); }
}
@keyframes orb-drift {
  0% { transform: translate(0, 0) scale(1); opacity: 0.15; }
  50% { transform: translate(30px, -40px) scale(1.1); opacity: 0.25; }
  100% { transform: translate(0, 0) scale(1); opacity: 0.15; }
}