/*
Theme Name: Bosgro Elektro
Theme URI: https://bosgro-elektro.nl
Author: Binvelt Studio
Author URI: https://binvelt.nl
Description: Custom WordPress theme voor Bosgro Elektro
Version: 1.0.17
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
*/

:root {
  --bosgro-green:      #1B3D1A;
  --bosgro-yellow:     #F5C000;
  --bosgro-orange:     #E8820C;
  --bosgro-anthracite: #1C1C1C;
  --bosgro-white:      #ffffff;
  --bosgro-gray-50:    #f9fafb;
  --bosgro-gray-100:   #f3f4f6;
  --bosgro-gray-200:   #e5e7eb;
  --bosgro-gray-400:   #9ca3af;
  --bosgro-gray-500:   #6b7280;
  --bosgro-gray-600:   #4b5563;
  --bosgro-gray-900:   #111827;
  --radius: 0.625rem;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--bosgro-anthracite);
  background: var(--bosgro-white);
  line-height: 1.5;
}

h1 { font-size: clamp(2rem, 5vw, 3.75rem); font-weight: 700; line-height: 1.2; }
h2 { font-size: clamp(1.75rem, 4vw, 3rem);  font-weight: 500; line-height: 1.25; }
h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 500; line-height: 1.35; }

.bosgro-container {
  max-width: 80rem;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 640px)  { .bosgro-container { padding-inline: 1.5rem; } }
@media (min-width: 1024px) { .bosgro-container { padding-inline: 2rem; } }