/* Spa Signals Blog - Dark Theme to Match Main Site */

:root {
  --bg-dark: #0a0e1a;
  --bg-darker: #060810;
  --text-light: #e5e7eb;
  --text-muted: #9ca3af;
  --accent-gold: #D4B883;
  --accent-gold-hover: #E5C994;
  --border-subtle: rgba(212, 184, 131, 0.2);
}

/* Global Styles */
body {
  background: var(--bg-dark) !important;
  color: var(--text-light) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Override any bright colors */
.site-header,
.site-footer {
  background: var(--bg-darker) !important;
  border-color: var(--border-subtle) !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: var(--accent-gold) !important;
}

/* Links */
a {
  color: var(--accent-gold) !important;
  text-decoration: none;
}

a:hover {
  color: var(--accent-gold-hover) !important;
  text-decoration: underline;
}

/* CTAs - Glass effect with gold */
.ssai-cta {
  background: linear-gradient(135deg, rgba(212, 184, 131, 0.1) 0%, rgba(212, 184, 131, 0.05) 100%) !important;
  border: 1px solid var(--accent-gold) !important;
  padding: 25px !important;
  border-radius: 12px !important;
  margin: 40px 0 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ssai-cta-alt {
  background: rgba(10, 14, 26, 0.8) !important;
  border: 1px solid rgba(212, 184, 131, 0.3) !important;
  padding: 25px !important;
  border-radius: 12px !important;
  margin: 40px 0 !important;
}

/* Buttons */
.wp-block-button__link,
.button,
.btn {
  background: linear-gradient(135deg, var(--accent-gold) 0%, #C4A873 100%) !important;
  color: var(--bg-dark) !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.wp-block-button__link:hover,
.button:hover,
.btn:hover {
  background: linear-gradient(135deg, var(--accent-gold-hover) 0%, var(--accent-gold) 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(212, 184, 131, 0.3);
}

/* Article content */
.entry-content {
  background: rgba(10, 14, 26, 0.5);
  padding: 40px !important;
  border-radius: 12px;
  border: 1px solid var(--border-subtle);
}

.entry-content p {
  color: var(--text-light) !important;
  line-height: 1.8;
}

/* Remove any blue/bright colors */
.ssai-cta a,
.ssai-cta-alt a {
  color: var(--accent-gold) !important;
}

/* Navigation */
.main-navigation {
  background: var(--bg-darker) !important;
}

.main-navigation a {
  color: var(--text-light) !important;
}

.main-navigation a:hover {
  color: var(--accent-gold) !important;
}

/* Featured images */
.post-thumbnail {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* Meta information */
.entry-meta {
  color: var(--text-muted) !important;
}

.entry-meta a {
  color: var(--accent-gold) !important;
}

/* No bright blue or green anywhere */
*[style*="#0ea5e9"],
*[style*="#3b82f6"],
*[style*="#10b981"],
*[style*="#06b6d4"] {
  color: var(--accent-gold) !important;
}

/* Blockquotes */
blockquote {
  border-left: 4px solid var(--accent-gold);
  background: rgba(212, 184, 131, 0.05);
  padding: 20px;
  margin: 30px 0;
  border-radius: 8px;
}

/* Code blocks */
pre, code {
  background: var(--bg-darker) !important;
  color: var(--accent-gold) !important;
  border: 1px solid var(--border-subtle) !important;
}