/*
 Theme Name:   Hello Elementor Child
 Description:  Hello Elementor Child Theme
 Author:       March83
 Author URI:   https://march83.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         elementor, child-theme
 Text Domain:  hello-elementor-child
*/

/* Voeg hieronder je eigen CSS-aanpassingen toe */

:root {
  font-size: 20px;

  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 2rem;
  --font-xxl: 2.75rem;
}

body { font-size: var(--font-md); }
button { font-size: var(--font-sm); }
  body {
  font-family: 'Inter', sans-serif;
  font-size: var(--fs-md);
  color: var(--clr-text);
  margin: 0;
  background: #fff;
}


h1, h2, h3, h4 {
  margin: 0 0 1rem;
}

h1 {
  font-size: var(--fs-xxl);
  font-weight: 700;
}

h2 {
  font-size: var(--fs-xl);
  font-weight: 600;
}

h3 {
  font-size: var(--fs-lg);
  font-weight: 600;
}

.section {
  padding: var(--space-section) 2rem;
  margin: auto;
}

.button-primary {
  background: var(--clr-primary);
  color: var(--clr-light);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}

.button-primary:hover {
  background: #c06a39;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

.card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}