/*
Theme Name: CUSL Child
Theme URI: https://cusl.com.se/
Author URI: https://cusl.com.se/
Description: Branded child theme for CUSL.
Author: https://cusl.com.se/
Template: neve
Version: 1.0.0
Text Domain: cusl-child
*/

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Sans:wght@400;500;700&display=swap");

:root {
  --brand-background: #fff5ee;
  --brand-surface: #ff6b35;
  --brand-accent: #6c5ce7;
  --brand-foreground: #231b3a;
  --brand-font-heading: "Space Grotesk", system-ui, sans-serif;
  --brand-font-body: "DM Sans", system-ui, sans-serif;
}

body {
  font-family: var(--brand-font-body);
  color: var(--brand-foreground);
  background-color: var(--brand-background);
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title {
  font-family: var(--brand-font-heading);
  color: var(--brand-foreground);
}

a { color: var(--brand-accent); }
a:hover { opacity: 0.85; }

.button, button, input[type="submit"],
.wp-block-button__link {
  background-color: var(--brand-accent);
  color: var(--brand-background);
  border: none;
  border-radius: 6px;
  padding: 0.6em 1.2em;
  font-family: var(--brand-font-body);
  font-weight: 600;
}

.site-header, .site-footer {
  background-color: var(--brand-surface);
}