/* Illersenio design system (shared across all microsites)
   Brand tokens are injected as CSS variables from the admin page:
   --ill-primary, --ill-accent, --ill-bg, --ill-text, --ill-headline-font
*/

:root{
  /* Safe fallbacks (will be overwritten by wp_head output) */
  --ill-primary: #0d6efd;
  --ill-accent: #6610f2;
  --ill-bg: #ffffff;
  --ill-text: #111111;
  --ill-body-font: 'HelveticaNeueLTStd-LtCn', Arial, sans-serif;
  --ill-headline-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body{
  font-family: var(--ill-body-font);
  background: var(--ill-bg);
  color: var(--ill-text);
}

/* Headline typography */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6{
  font-family: var(--ill-headline-font);
}

/* Bootstrap integrations */
a{ color: var(--ill-primary); }
a:hover{ color: var(--ill-accent); }

.btn-primary{
  background-color: var(--ill-primary);
  border-color: var(--ill-primary);
}
.btn-primary:hover, .btn-primary:focus{
  background-color: var(--ill-accent);
  border-color: var(--ill-accent);
}

/* Helper section styling */
.ill-section{
  padding-top: clamp(2rem, 4vw, 5rem);
  padding-bottom: clamp(2rem, 4vw, 5rem);
}

/* Optional: a simple accent line utility */
.ill-accent-line{
  width: 80px;
  height: 4px;
  background: var(--ill-primary);
  border-radius: 999px;
}