:root {
    /* ===== CHECKBOX ===== */

    --checkbox-default: transparent;
    --checkbox-default-hover: #ffffff44;
    --checkbox-default-active: #ffffff88;
    --checkbox-default-disabled: #ffffff22;

    --checkbox-border-active: #ffffff;

    --checkbox-selected: #ffffff22;

    /* ==================== */
}

:root {
    /* ===== TEXT ===== */
    /* _legacy-text_ */
    --text-tetriary: #a8a8a8;
    --text-action-hover: #024695;
    --text-action-active: #04488b;
    /*----------*/
    /* =============== */
}

:root {
    --border-primary: #a8a8a8;
}