:root {
    --color-black: rgb(0, 0, 0);
    --color-white: rgb(255, 255, 255);
    --color-white-dark: #e2e8f0;
    --color-white-light: #f7f7f7;
    --color-brown-dark: #1d140e;
    --color-orange-dark: #1a1008;
    --color-gray-dark: #574a3e;
    --color-gray: #787776;
    --color-gray-light: #ced0d3;

    --color-orange-light: #482f15;
    --color-orange-bright: #cd6b28;
    --color-brown-light: rgb(235, 225, 215, 0.12);

    --color-green-light: #e2f6e5;
    --color-green-bright: #1e7a41;
    --color-green-dark-bright: #4e834d;
    --color-red-light: #fbe5e1;
    --color-red-bright: #da3215;
    --color-blue-bright: #3076b1;

    --bg-gradient: linear-gradient(135deg, var(--color-orange-dark) 0%, var(--color-brown-dark) 100%);

    --font-size-base: 20px;
    --font-size-mini: 16px;
    --font-size-micro: 14px;
}