/* === Overrides === */

:root {
    /*--oo-font-size: 18px;*/ /* wird in Schriftgroesse.cs gesetzt */
    --oo-font-family: 'Krub', 'Segoe UI', sans-serif;
    --oo-wdb-font-family-heading: 'Inter', 'Segoe UI', sans-serif;
    --oo-wdb-header-height: 40px;
    --oo-wdb-sidebar-width: 260px;
    /* Einheitliche Höhen für Buttons und Eingabefelder: eine Skala in ganzen Pixeln,
       Floating Label ohne eigene Zusatzhöhe (das Label sitzt ohnehin auf der Rahmenlinie). */
    --oo-size-min-height-xxxs: 1.125rem; /* 18px */
    --oo-size-min-height-xxs: 1.25rem; /* 20px */
    --oo-size-min-height-xs: 1.5rem; /* 24px */
    --oo-size-min-height-sm: 1.75rem; /* 28px */
    --oo-size-min-height-md: 2rem; /* 32px */
    --oo-size-min-height-lg: 2.5rem; /* 40px */
    --oo-size-min-height-xl: 3rem; /* 48px */
    --oo-size-floating-label-min-height-xxxs: var(--oo-size-min-height-xxxs);
    --oo-size-floating-label-min-height-xxs: var(--oo-size-min-height-xxs);
    --oo-size-floating-label-min-height-xs: var(--oo-size-min-height-xs);
    --oo-size-floating-label-min-height-sm: var(--oo-size-min-height-sm);
    --oo-size-floating-label-min-height-md: var(--oo-size-min-height-md);
    --oo-size-floating-label-min-height-lg: var(--oo-size-min-height-lg);
    --oo-size-floating-label-min-height-xl: var(--oo-size-min-height-xl);
}

/* Eingabe mit dem Finger: xs bis md auf mindestens 36px anheben, damit nebeneinander alles gleich hoch bleibt
   und xs nicht höher als sm/md wird. xxxs/xxs (Kennzeichnungen, Mini-Buttons) und lg/xl bleiben. */
@media (pointer: coarse) {
    :root {
        --oo-size-min-height-xs: 2.25rem;
        --oo-size-min-height-sm: 2.25rem;
        --oo-size-min-height-md: 2.25rem;
    }
}

/* SelectMenu hat feste Höhen statt der Size-Tokens: auf dieselbe Skala legen. */
.oo-sm__trigger-wrap {
    height: var(--oo-size-min-height-md);
}

.oo-sm__trigger-wrap--size-oo-size-xs {
    height: var(--oo-size-min-height-xs);
}

.oo-sm__trigger-wrap--size-oo-size-sm {
    height: var(--oo-size-min-height-sm);
}

.oo-sm__trigger-wrap--size-oo-size-lg {
    height: var(--oo-size-min-height-lg);
}

.oo-sm__trigger-wrap--size-oo-size-xl {
    height: var(--oo-size-min-height-xl);
}

html {
    line-height: 1.5;
}

body {
    font-weight: 400;
    color: var(--oo-color-text-subtle);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--oo-wdb-font-family-heading);
    font-weight: 600;
}

/*h3 {
    font-size: 1.2rem;
}*/

.oo-datagrid__td {
    padding: 5px 10px;
    font-size: max(14px, calc(var(--oo-font-size) - 2px));
}