:root{
    --biru:#4368E4;
    --biru1:#ECF1F8;
    --biru2:#58616D;
    --biru3:#ECF0FF;
    --biru4:#868497;

    --hijau1:#cbf0d7;
    --formatif:#f9d9ff;
    --sumatif:#FF9D00;

    --color-caption:#577088;
    --teks-biru:#5677E7;
    --separator:#DCDFE4;
    --text-separator:#72759C;
    --bg-menu: #323451;
    --menu-icon: #8A8DAC;
    --bg-menu-select: #222440;
    --bg-menu-border:#3B3D64;
    --separator-color:#2A2B46;
    --text-dark-1:#212121;
    --text-grey1:#999999;
    --text-grey2:#757586;

    --bg1:#F7F9FC;
    --bg2:#DDDEE8;
    --stroke-bg1:#DCDFE4;

    --success:#7cd18f;

    --merah: #FF5132;
    --merah2: #FFCDC4;
    --merah-light:#FFECEC;
}