:root {
    --text-color: var(--gray-900);
    --blockquote-text-color: var(--gray-800);
    --alt-text-color: var(--gray-400);
    --disabled-text-color: var(--gray-500);
    --inverse-text-color: var(--gray-100);
    --link-text-color: var(--blue-800);

    --background-color: var(--gray-100);
    --opac-background-color: var(--gray-895);
    --mild-background-color: #f7f9f9;
    --usage-bar-background-color: var(--gray-500);
    --usage-disk-background-color: var(--gray-200);
    --inverse-background-color: var(--gray-900);
    --radio-background-color: var(--gray-200);
    --dashboard-background-color: var(--gray-700);
    --dashboard-title-action-color: var(--black-opacity-30);
    --dashboard-icon-color: var(--mild-background-color);

    --border-color: var(--gray-200);
    --disabled-border-color: var(--gray-500);
    --input-border-color: var(--gray-900);
    --disabled-input-border-color: var(--gray-400);
    --inverse-border-color: var(--gray-000);
    --table-border-color: var(--gray-200);
    --table-background-color: var(--gray-150);
    --table-header-background-color: var(--gray-150);

    --hover-table-row-background-color: var(--black-opacity-05);

    --small-shadow: 0 0 3px var(--gray-700);
    --hr-color: var(--gray-300);

    --checkbox-color: var(--gray-200);
    --checkbox-hover-color: var(--gray-300);

    --brand-orange: var(--orange-500);
    --brand-red: var(--red-800);

    --header-color: var(--gray-900);

    --scrollbar-color: var(--gray-400);
    --scrollbar-hover-color: var(--gray-500);

    --bg-opacity-10: var(--white-opacity-10);
    --bg-opacity-30: var(--white-opacity-30);

    --button-text-color: var(--brand-orange);
    --button-border: none;
    --button-background: linear-gradient(90deg, var(--brand-red) 0, var(--brand-orange)) 0 0 no-repeat,
        linear-gradient(90deg, var(--brand-red) 0, var(--brand-orange)) 0 100% no-repeat,
        linear-gradient(0deg, var(--brand-red) 0, var(--brand-red)) 0 100% no-repeat,
        linear-gradient(0deg, var(--brand-orange) 0, var(--brand-orange)) 100% 100% no-repeat;
    --button-background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;

    --hover-button-border: #0072c6;
    --hover-button-text-color: var(--white);
    --hover-button-background: linear-gradient(90deg,var(--brand-red) 0,var(--brand-orange));

    --input-border-color: #1c1b1b;
    --input-bg-color: transparent;
}