:root {
    /* Primary Red Scale */
    --primary-red-1: #FF333A;
    --primary-red-2: #FF5C61;
    --primary-red-3: #FF8589;
    --primary-red-4: #FFADB0;
    --primary-red-5: #FFD6D8;
    --primary-red-6: #FFF9F9;

    /* Primary Blue Scale */
    --primary-blue-1: #5865FF;
    --primary-blue-2: #7984FF;
    --primary-blue-3: #9BA3FF;
    --primary-blue-4: #BCC1FF;
    --primary-blue-5: #DEE0FF;
    --primary-blue-6: #FAFAFF;

    /* Neutral */
    --neutral-100: #0D1233;
    --neutral-80: rgba(13, 18, 51, 0.8);
    --neutral-60: rgba(13, 18, 51, 0.6);
    --neutral-40: rgba(13, 18, 51, 0.4);
    --neutral-20: rgba(13, 18, 51, 0.2);
    --neutral-3: rgba(13, 18, 51, 0.03);

    /* Notice */
    --success: #2196F3;
    --warning: #FF9800;
    --danger: #F44336;

    /* Các giá trị linear-gradient nếu cần có thể define dưới dạng background-image */
}
.txt-primary {
    color: var(--primary-red-2) !important;
}

.bg-primary-1 {
    background-color: var(--primary-blue-2) !important;
}

.bg-primary-2 {
    background-color: var(--primary-red-2) !important;
}

/* Tương tự cho blue, neutral, success, warning... */