/* =========================================================
   utils.css
   Små hjelpeklasser som kan brukes på tvers av layout og komponenter.
   Skal ikke inneholde layout-struktur eller spesifikke komponentstiler.
   ========================================================= */

/* =========================
   Text colors
   ========================= */
.err {
    color: var(--err);
}

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

/* =========================
   Background colors (status)
   ========================= */
.bg-yellow { background-color: #fff8b3; } /* lys gul */
.bg-red    { background-color: #ffd6d6; } /* lys rød */
.bg-green  { background-color: #d6ffd6; } /* lys grønn */
.bg-gray   { background-color: #dddddd; } /* lys grå */