/* =========================================================
   TYPOGRAPHY.CSS
   ---------------------------------------------------------
   Koppelt headings en bodytekst aan de Bricks Variable Manager.
   Variables worden beheerd via: Builder → Style Manager → Variables

   Schaal:
     --text-2xl  H1
     --text-xl   H2
     --text-l    H3
     --text-m    H4 / body
     --text-s    H5 / klein
   ========================================================= */


/* ----- Headings ----- */

h1, .brxe-heading[tag="h1"] {
    font-size: var(--text-2xl);
}

h2, .brxe-heading[tag="h2"] {
    font-size: var(--text-xl);
}

h3, .brxe-heading[tag="h3"] {
    font-size: var(--text-l);
}

h4, .brxe-heading[tag="h4"] {
    font-size: var(--text-m);
}

h5, .brxe-heading[tag="h5"] {
    font-size: var(--text-s);
}


/* ----- Uitlijning ----- */

.centerht {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.txVertical {
    writing-mode: vertical-lr;
}