/* Basque Rainbow Pastels — Custom Colours + Typography */

:root {
  --brand-red: #E63946;
  --brand-green: #2BAE66;
  --brand-yellow: #FFD166;
  --brand-blue: #118AB2;
  --brand-pink: #EF476F;
  --bg: #FFFDF9;
  --surface: #FFF7F0;
  --text: #2E2E2E;
  --muted: #656565;
  --line: #E8DCD3;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--text);
}

.kadence-button,
button,
input[type="submit"] {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 999px;
  transition: 0.2s;
  padding: 0.7em 1.4em;
}

/* Buttons */
.kadence-button-primary, button, input[type="submit"] {
  background-color: var(--brand-green);
  color: white;
}
.kadence-button-primary:hover {
  background-color: var(--brand-red);
}

/* Links */
a {
  color: var(--brand-blue);
}
a:hover {
  color: var(--brand-pink);
}

/* Site Header */
.site-header {
  background-color: var(--surface);
  border-bottom: 2px solid var(--line);
}

/* Widgets / Footer */
.site-footer {
  background-color: var(--surface);
  color: var(--muted);
}

/* Headings colour variations */
h1 { color: var(--brand-red); }
h2 { color: var(--brand-green); }
h3 { color: var(--brand-blue); }

/* Gradient banner or hero section */
.wp-block-cover {
  background: linear-gradient(90deg, #EF476F, #FFD166, #06D6A0, #118AB2);
}