/* ===== Surrender School — Global Styles =====
 * Applies brand palette and base colors sitewide.
 * All values use var(--token) from variables.css.
 *
 * Palette:
 *   --color-slate      #5F6C8F  Nav bg, dark UI
 *   --color-purple     #825FD7  Buttons, accents
 *   --color-periwinkle #A4B8F5  Soft backgrounds
 *   --color-sky        #0FA6EF  Links
 *   --color-text       #2D2D2D  Body text
 *   --color-text-muted #6B7280  Captions, meta
 * ============================================= */

/* ── Navigation ───────────────────────────────────────────────────── */

#nav-primary .wvrx-menu-container {
  background-color: var(--color-slate) !important;
}
#nav-primary a,
#nav-primary .weaverx-theme-menu a {
  color: var(--color-white) !important;
}
#nav-primary a:hover,
#nav-primary .weaverx-theme-menu a:hover {
  color: var(--color-periwinkle) !important;
}

/* ── General links ────────────────────────────────────────────────── */

.entry-content a {
  color: var(--color-sky) !important;
}
.entry-content a:hover,
.entry-content a:focus {
  color: var(--color-purple) !important;
}

/* ── Content headings ─────────────────────────────────────────────── */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--color-slate) !important;
}

/* ==============================================
   TABLE BACKGROUND OVERRIDES
   Match old inline style= colors → palette
   (Selector hex values must stay raw — they
   pattern-match against inline style attributes)
   ============================================== */

/* Teal #005980 → Slate */
.entry-content [style*="background-color: #005980"] {
  background-color: var(--color-slate) !important;
}
/* Old bright blue #10a5e5 → Sky */
.entry-content [style*="background-color: #10a5e5"] {
  background-color: var(--color-sky) !important;
}
/* Light blue #c4e5f2 → Periwinkle */
.entry-content [style*="background-color: #c4e5f2"] {
  background-color: var(--color-periwinkle) !important;
}
/* Very light blue #d4f6ff → Periwinkle */
.entry-content [style*="background-color: #d4f6ff"] {
  background-color: var(--color-periwinkle) !important;
}
/* Lime green #8eeb60 → Periwinkle */
.entry-content [style*="background-color: #8eeb60"] {
  background-color: var(--color-periwinkle) !important;
}
/* Off-white #fafafa → White */
.entry-content [style*="background-color: #fafafa"] {
  background-color: var(--color-white) !important;
}

/* ==============================================
   TEXT COLOR OVERRIDES
   Match old inline style= colors → palette
   ============================================== */

/* Yellow (#ffcc00, #ffff00) → White */
.entry-content [style*="color: #ffcc00"],
.entry-content [style*="color: #ffff00"] {
  color: var(--color-white) !important;
}
/* Old teal → Slate */
.entry-content [style*="color: #005980"] {
  color: var(--color-slate) !important;
}
/* Magenta/pink → Purple */
.entry-content [style*="color: #c90c5e"] {
  color: var(--color-purple) !important;
}
/* Red → Purple */
.entry-content [style*="color: #ff0000"] {
  color: var(--color-purple) !important;
}
/* Dark greens → Slate */
.entry-content [style*="color: #003300"],
.entry-content [style*="color: #008000"] {
  color: var(--color-slate) !important;
}
/* Bright lime green #00ff00 → White */
.entry-content [style*="color: #00ff00"] {
  color: var(--color-white) !important;
}
/* Dark blue-purple #333399 → Purple */
.entry-content [style*="color: #333399"] {
  color: var(--color-purple) !important;
}
/* Navy #000080 → Slate */
.entry-content [style*="color: #000080"] {
  color: var(--color-slate) !important;
}
/* Dark navy #003366 → Slate */
.entry-content [style*="color: #003366"] {
  color: var(--color-slate) !important;
}
/* Light cyan #ccffff → White */
.entry-content [style*="color: #ccffff"] {
  color: var(--color-white) !important;
}
/* Light blue #99ccff → Periwinkle */
.entry-content [style*="color: #99ccff"] {
  color: var(--color-periwinkle) !important;
}
/* Light purple #cc99ff → Periwinkle */
.entry-content [style*="color: #cc99ff"] {
  color: var(--color-periwinkle) !important;
}
/* Old purple #835fd7 → Purple */
.entry-content [style*="color: #835fd7"] {
  color: var(--color-purple) !important;
}

/* ==============================================
   BORDER OVERRIDES
   ============================================== */

.entry-content [style*="border"][style*="#005980"] {
  border-color: var(--color-slate) !important;
}

/* ==============================================
   CTA BUTTON PROTECTION
   Prevent general link rules from overriding CTA colors
   ============================================== */

.entry-content .ss-cta-purple,
.entry-content .ss-cta-blue {
  color: var(--color-white) !important;
  text-decoration: none !important;
}
.entry-content .ss-cta-btn:hover,
.entry-content .ss-cta-btn:focus {
  color: var(--color-sky) !important;
  text-decoration: none !important;
}