/*
Theme Name: YingaE
Theme URI: https://yinga.nl/
Description: Child theme voor Elementor Hello Biz (Hello Biz) met performance defaults en bouw-versnellers.
Author: YingaHub
Author URI: https://yinga.nl/
Template: hello-biz
Version: 2.1.0
Text Domain: yingae
*/

/*
  Snelle start:
  - Gebruik CSS variables (tokens) hieronder.
  - In Elementor kun je vervolgens overal var(...) gebruiken voor consistente spacing/typografie.
*/

:root {
  /* Spacing scale */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Typography */
  --font-body: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-heading: var(--font-body);
  --line-height-body: 1.6;

  /* Container widths */
  --container: 1200px;
  --container-narrow: 860px;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}

body {
  font-family: var(--font-body);
  line-height: var(--line-height-body);
}

/* Minimal utility classes */
.y-container {
  width: min(100% - 2rem, var(--container));
  margin-inline: auto;
}

.y-container--narrow {
  width: min(100% - 2rem, var(--container-narrow));
  margin-inline: auto;
}

.y-visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}