:root {
    --color-primary: #C8A96E;
    --color-primary-dark: #B8944F;
    --color-dark-bg: #1A1A2E;
    --color-bg: #FFFFFF;
    --color-card: #FFFFFF;
    --color-group: #FFFFFF;
    --color-text: #333333;
    --color-text-light: #999999;
    --color-link: #2E86C1;
    --color-success: #009944;
    --color-success-light: #ABEBC6;
    --color-danger: #CC0000;
    --color-danger-light: #FADBD8;
    --color-warning: #F39C12;
    --color-blue: #2E86C1;
    --color-blue-light: #AED6F1;
    --color-coffee: #8B5A3C;
    --color-coffee-light: #A67B5B;
    --color-red: #E63946;
    --radius-card: 12px;
    --radius-btn: 8px;
    --radius-popup: 16px;
    --radius-input: 8px;
    --font-title: 20px;
    --font-card-title: 17px;
    --font-body: 15px;
    --font-text-light: 13px;
    --font-btn: 15px;
    --padding-page: 16px;
    --gap-card: 12px;
    --gap-module: 20px;
    --height-nav: 56px;
}