:root {
    --color-primary: #FFBF02;
    --color-secondary: #5E4E38;
    --color-secondary-hover: #4e412e;
    --color-third: #84818A;

    --color-text-primary: #202020;
    --color-text-secondary: #DCDBDD;

    --color-background-success: rgba(0,255,0,.2);
    --color-background-danger: rgba(255,0,0,.2);
}

.color-text-primary {
    color: var(--color-text-primary);
}

.color-text-primary-on-hover:hover {
    color: var(--color-text-primary);
}

.color-text-secondary {
    color: var(--color-secondary);
}

.color-border-primary {
    border-color: var(--color-primary);
}

.color-border-secondary {
    border-color: var(--color-secondary);
}

.color-border-third {
    border-color: var(--color-third);
}

.color-background-primary {
    background-color: var(--color-primary);
}

.color-background-secondary {
    background-color: var(--color-secondary);
}

.color-background-third {
    background-color: var(--color-third);
}

.color-background-success {
    background-color: var(--color-background-success);
}

.color-background-danger {
    background-color: var(--color-background-danger);
}

button[disabled] {
    background-color: var(--color-text-secondary);
    border-color: var(--color-text-secondary);
}