/* === Neulis Alt Utilities (safe, additive) ===
   Link this file AFTER style.css on pages where you want to use the helpers:
   <link rel="stylesheet" href="assets/css/style.css">
   <link rel="stylesheet" href="assets/css/neulis-utilities.css">
*/

/* Font weight tokens for quick global tweaks */
:root{
  --neulis-weight-thin: 100;
  --neulis-weight-extralight: 200;
  --neulis-weight-light: 300;
  --neulis-weight-regular: 400;
  --neulis-weight-medium: 500;
  --neulis-weight-semibold: 600;
  --neulis-weight-bold: 700;
  --neulis-weight-extrabold: 800;
  --neulis-weight-black: 900;

  /* Banner-specific defaults (override per page/section if needed) */
  --neulis-weight-banner-title: var(--neulis-weight-semibold);
  --neulis-weight-banner-subtitle: var(--neulis-weight-medium);
  --neulis-weight-banner-paragraph: var(--neulis-weight-regular);

  /* Project blue (used in your banner/buttons) */
  --brand-blue: #3a476d;
}

/* Family helpers */
.ff-neulis { font-family: "Neulis Alt", sans-serif; }

/* Weight helpers */
.fw-neulis-100 { font-weight: var(--neulis-weight-thin); }
.fw-neulis-200 { font-weight: var(--neulis-weight-extralight); }
.fw-neulis-300 { font-weight: var(--neulis-weight-light); }
.fw-neulis-400 { font-weight: var(--neulis-weight-regular); }
.fw-neulis-500 { font-weight: var(--neulis-weight-medium); }
.fw-neulis-600 { font-weight: var(--neulis-weight-semibold); }
.fw-neulis-700 { font-weight: var(--neulis-weight-bold); }
.fw-neulis-800 { font-weight: var(--neulis-weight-extrabold); }
.fw-neulis-900 { font-weight: var(--neulis-weight-black); }

/* Color helper */
.text-brand-blue { color: var(--brand-blue); }

/* === Scoped banner control (non-destructive) ===
   Add .neulis-banner on a wrapper around the banner to control weights via CSS vars.
   Example in HTML:
   <section class="ul-banner ul-banner-2 neulis-banner">
     ...
   </section>
*/
.neulis-banner .ul-banner-title {
  font-family: "Neulis Alt", sans-serif;
  font-weight: var(--neulis-weight-banner-title);
}
.neulis-banner .ul-banner-sub-title {
  font-family: "Neulis Alt", sans-serif;
  font-weight: var(--neulis-weight-banner-subtitle);
}
.neulis-banner .ul-banner-descr,
.neulis-banner .ul-banner-txt p {
  font-family: "Neulis Alt", sans-serif;
  font-weight: var(--neulis-weight-banner-paragraph);
}

/* Buttons preview helper */
.btn-demo {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 6px;
  background: var(--brand-blue);
  color: #fff;
  text-decoration: none;
  transition: opacity .2s ease;
}
.btn-demo:hover { opacity: .9; }