:root {
    --theme-l5:#f5f8fa;
    --theme-l4:#dde8ee;
    --theme-l3:#bcd1dc;
    --theme-l2:#9abacb;
    --theme-l1:#78a3ba;
    --theme-d1:#4e7e97;
    --theme-d2:#457087;
    --theme-d3:#3d6276;
    --theme-d4:#345465;
    --theme-d5:#2b4654;
    --theme:#578ca9;
    ---theme-l5:var(--theme-d5);
    ---theme-l4:var(--theme-d5);
    ---theme-l3:var(--theme-d5);
    ---theme-l2:var(--theme-d5);
    ---theme-l1:var(--theme-l5);
    ---theme-d1:var(--theme-l5);
    ---theme-d2:var(--theme-l5);
    ---theme-d3:var(--theme-l5);
    ---theme-d4:var(--theme-l5);
    ---theme-d5:var(--theme-l5);
    ---theme:var(--theme-l5);
}