/* --- BEGIN styles/tsf-overrides.css --- */
/* TopSpinFinders theme overrides — non-destructive, loaded after global CSS */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;600;700&display=swap");
:root {
  /* Brand palette */
  --tsf-primary: #7c3aed;
  /* violet */
  --tsf-primary-600: #6d28d9;
  --tsf-accent: #22d3ee;
  /* cyan */
  --tsf-dark: #0b1020;
  --tsf-text: #e5e7eb;
  --tsf-muted: #94a3b8;
  --tsf-radius: 14px;
}
/* Font stack */
body,
input,
button,
select,
textarea {
  font-family: Manrope, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
}
/* Background */
body {
  background-image: url("../images/bg-topsf-1.svg");
  background-size: cover;
  background-attachment: fixed;
  color: var(--tsf-text);
}
/* Links and buttons */
a {
  color: var(--tsf-accent);
}
a:hover {
  color: #67e8f9;
}
.el-button,
.btn,
button,
input[type="submit"] {
  border-radius: var(--tsf-radius) !important;
  padding: 0.85em 1.2em;
  border: none;
  transition: transform 0.08s ease, box-shadow 0.2s ease,
    background-color 0.2s ease;
}
.el-button--primary,
.btn-primary,
button.primary,
input[type="submit"].primary {
  background: linear-gradient(135deg, var(--tsf-primary), var(--tsf-accent));
  color: white !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.35);
}
.el-button--primary:hover,
.btn-primary:hover,
input[type="submit"].primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.45);
}
/* Cards & sections */

/* Headers */
h1,
h2,
h3,
.wp-block-heading {
  letter-spacing: 0.2px;
  color: #f8fafc;
}
/* Header logo sizing */
.site-logo img,
img[alt*="logo"],
img[src*="logo-"] {
  max-height: 48px;
  height: auto;
}
/* Page-specific backgrounds (cycle) */
body.page-home {
  background-image: url("../images/bg-topsf-1.svg");
}
body.page-about {
  background-image: url("../images/bg-topsf-2.svg");
}
body.page-legal {
  background-image: url("../images/bg-topsf-3.svg");
}
/* Subtle icon style override */

/* Minor layout tweaks for lists */
.list .item {
  overflow: hidden;
}

body,
input,
button,
select,
textarea {
  font-family: Manrope, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
}
body {
  background-color: var(--tsf-dark) !important;
  color: var(--tsf-text);
}
/* Buttons */
.el-button,
.btn,
button,
input[type="submit"] {
  border-radius: var(--tsf-radius) !important;
}
.el-button--primary,
.btn-primary,
button.primary,
input[type="submit"].primary {
  background: linear-gradient(135deg, var(--tsf-primary), var(--tsf-accent));
  color: var(--tsf-dark) !important;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.25);
}
.el-button--primary:hover,
.btn-primary:hover,
input[type="submit"].primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(16, 185, 129, 0.33);
}
/* Panel glass effect */

/* Links, headings */
a {
  color: var(--tsf-accent);
}
a:hover {
  color: #9e69f9;
}
h1,
h2,
h3,
.wp-block-heading {
  color: #ecfeff;
  letter-spacing: 0.2px;
}
/* Force-override hero background everywhere */
.hero,
.hero-section,
[class*="hero"],
header[style*="background-image"],
section[style*="hero.jpg"] {
  background-image: url("../images/bg-topsf-hero.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.top {
  background: linear-gradient(135deg, var(--tsf-primary), var(--tsf-accent));
  color: #0b1324 !important;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(16, 185, 129, 0.25);
}
/* --- END --- */