/* Smash It Studios — Public Pages (Accessible Dark Theme) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

html, body {
    background-color: #0f0f0f !important;
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif !important;
    margin: 0;
    padding: 0;
  }

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', sans-serif !important;
    color: #ffffff !important;
    font-weight: 700 !important;
  }

p, li, span {
    color: #e8e8e8 !important;
  }

/* === LINKS === */
a {
    color: #ff6b6b !important;
  }

a:hover {
    color: #ff9090 !important;
    text-decoration: underline !important;
  }

/* === LAYOUT === */
.hero,
.section,
.container {
    background-color: #0f0f0f !important;
  }

/* === CARDS & BOXES === */
.box, .card {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px !important;
    color: #e8e8e8 !important;
    box-shadow: none !important;
  }

/* === FORM LABELS & HELP TEXT === */
.label {
    color: #cccccc !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
  }

.help {
    color: #aaaaaa !important;
  }

/* === INPUTS === */
.input,
.textarea,
.select select {
    background-color: #222222 !important;
    border: 1px solid #3a3a3a !important;
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 4px !important;
  }

.input::placeholder,
.textarea::placeholder {
    color: #666666 !important;
  }

.input:focus,
.textarea:focus,
.select select:focus {
    border-color: #ff3c3c !important;
    box-shadow: 0 0 0 2px rgba(255, 60, 60, 0.25) !important;
    outline: none !important;
  }

/* === BUTTONS === */
.button,
input[type="submit"],
button[type="submit"] {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
  }

.button.is-primary,
input[type="submit"],
button[type="submit"] {
    background-color: #ff3c3c !important;
    border-color: #ff3c3c !important;
    color: #ffffff !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

.button.is-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #e03030 !important;
    border-color: #e03030 !important;
  }

.button.is-light {
    background-color: #252525 !important;
    border-color: #3a3a3a !important;
    color: #e8e8e8 !important;
  }

.button.is-light:hover {
    background-color: #303030 !important;
    color: #ffffff !important;
  }

/* === CHECKBOXES === */
input[type="checkbox"] {
    accent-color: #ff3c3c !important;
  }

/* === NOTIFICATIONS === */
.notification {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    color: #e8e8e8 !important;
    border-radius: 4px !important;
  }

.notification.is-success {
    background-color: #0d2a18 !important;
    border-color: #1a5a32 !important;
    color: #6ee89a !important;
  }

.notification.is-danger {
    background-color: #2a0d0d !important;
    border-color: #5a1a1a !important;
    color: #ff8080 !important;
  }

.notification.is-warning {
    background-color: #2a1f00 !important;
    border-color: #5a4200 !important;
    color: #ffd060 !important;
  }

/* === NAVBAR === */
.navbar, nav.navbar {
    background-color: #141414 !important;
    border-bottom: 1px solid #2a2a2a !important;
  }

.navbar-item {
    color: #e8e8e8 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
  }

/* === FOOTER === */
footer, .footer {
    background-color: #141414 !important;
    border-top: 1px solid #2a2a2a !important;
    color: #aaaaaa !important;
  }

footer a, .footer a {
    color: #cccccc !important;
  }

/* === DIVIDERS === */
hr {
    background-color: #2a2a2a !important;
  }

/* === TAGS === */
.tag {
    background-color: #2a2a2a !important;
    color: #cccccc !important;
    border-radius: 4px !important;
  }

.tag.is-primary {
    background-color: #ff3c3c !important;
    color: #ffffff !important;
  }

/* === TARGETED FIX: subscription form inputs === */
input[type="email"],
input[type="text"],
input[type="name"],
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    background-color: #222222 !important;
    border: 1px solid #3a3a3a !important;
    color: #e8e8e8 !important;
    border-radius: 4px !important;
  }

input[type="email"]:focus,
input[type="text"]:focus {
    border-color: #ff3c3c !important;
    box-shadow: 0 0 0 2px rgba(255, 60, 60, 0.25) !important;
    outline: none !important;
  }

/* Form card container */
.wrap, .public-wrap, form {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #e8e8e8 !important;
  }

/* List names in subscription form */
label span, .list-item span {
    color: #e8e8e8 !important;
  }

/* Description text under list names */
p.description, .description {
    color: #aaaaaa !important;
  }