/*
 * NORTHBEAT EXPERIENCE
 * Global Base Styles
 */
 
 /* ==========================================
   NORTHBEAT EXPERIENCE
   ONEST VARIABLE FONT
   ========================================== */

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/onest-latin-wght-normal.woff2")
         format("woff2");
}

@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/onest-latin-ext-wght-normal.woff2")
         format("woff2");
    unicode-range:
        U+0100-02BA,
        U+02BD-02C5,
        U+02C7-02CC,
        U+02CE-02D7,
        U+02DD-02FF,
        U+0304,
        U+0308,
        U+0329,
        U+1D00-1DBF,
        U+1E00-1E9F,
        U+1EF2-1EFF,
        U+2020,
        U+20A0-20AB,
        U+20AD-20CF,
        U+2113,
        U+2C60-2C7F,
        U+A720-A7FF;
}

html {
  color-scheme: dark;
  font-size: 16px;
}

body {
  margin: 0;
  background: var(--nbx-bg);
  color: var(--nbx-text);
  font-family: var(--nbx-font);
  font-size: var(--nbx-font-base);
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--nbx-text);
  line-height: 1.2;
}

p, li, dd, dt {
  color: inherit;
}

.nbx-text-secondary {
  color: var(--nbx-text-secondary);
}

.nbx-text-muted {
  color: var(--nbx-text-muted);
}

a {
  color: var(--nbx-cyan);
}

/* ==========================================
   NORTHBEAT EXPERIENCE
   ZENTRALE SCHRIFTSTEUERUNG
   ========================================== */

body,
button,
input,
select,
textarea {
    font-family: var(--nbx-font);
}

button,
input,
select,
textarea {
    font-size: inherit;
    line-height: inherit;
}

button {
  cursor: pointer;
}

::placeholder {
  color: var(--nbx-text-muted);
  opacity: 1;
}