:root {
    --brand-primary: #2C55CA;
    --brand-primary-soft: #F6F8FC;

    --surface-page: #F8FAFC;
    --surface-component: #FFFFFF;

    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-inverse: #FFFFFF;

    --border-primary: #E5E7EB;
    --border-secondary: #D1D5DB;
    --border-focus: #2C55CA;

    --success: #4CAF50;
    --success-soft: #F4FCF5;

    --warning: #FFB300;
    --warning-soft: #FFF8E1;

    --danger: #E53935;
    --danger-soft: #FFEBEE;

    --info: #2196F3;
    --info-soft: #E3F2FD;

    --disabled: #9CA3AF;
    --disabled-soft: #F3F4F6;

    --shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px 0px;

    --radius-buttons: 50px;
    --radius: 15px;

    --transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease,
                opacity 0.2s ease;

    --btn-padding-top: 10px;
    --btn-padding-bottom: 16px;
}