:root {
    --bg-color: #faf7f2;
    --bg-color-secondary: #e8dcca;
    --bg-color-tertiary: #c8b18c;
    --text-primary: #4a443f;
    --text-secondary: #8b7d6b;
    --text-tertiary: #a39e94;
    --color-primary: #8b7d6b;
    --color-secondary: #a39e94;
    --color-tertiary: #c8b18c;
    --color-white: #ffffff;
    --color-gray: #4c4f51;
    --color-primary-light: #8b7d6b5b;
    --border: #cccccc9a;
    --warning: #ee6322;
    --success: #16a367;
    --success-light: #16a36645;
    --informative: #8b5cf6;
    --border-radius: 12px;
    --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --box-shadow-button: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --background-gradient: linear-gradient(170deg, #faf7f2 0%, #fff 40%, #e8dcca 85%);
    --font-family: Figtree, sans-serif;
}

[data-theme='dark'] {
    --bg-color: #111827;
    --color: #f9fafb;
}