/* =========================
   APP TOKENS (safe global vars)
========================= */
:root {
    --primary-color: #3498db;
    --foreground-color-primary: #253276;
    --foreground-color-secondary: #b5050e;
    --text-color: #111;
    /* Gedaempfter Text (z. B. Auszaehlungsstand); mind. 4.5:1 auch auf dem Card-Hintergrund. VG-8276 */
    --text-color-muted: #4b5563;
    --border-radius: 4px;
    /* Bezugshoehe der konfigurierbaren Widgethoehe (WidgetHeightScaleCoefficient): ONE_AND_HALF
       ergibt das 1,5-fache dieses Werts. Entspricht der Standardhoehe eines Diagramms
       (MIN_CHART_HEIGHT_PX in BarChart.vue). VG-8495 */
    --vg-widget-basishoehe: 20rem;
    --table-progressbar-value-background: var(--color-cyan-300);
    --table-progressbar-background: var(--color-slate-400);
}