:root {
    /* background */
    --background-color: #1F2937;
    --background-color-50: #1F2937AA;
    --background-color-25: #1F293733;
    
    /* text */
    --text-color: #F3F4F6;
    --text-color-dim: #9CA3AF;
    
    /* primary */
    --primary-color: #E02424;
    --primary-color-shade: #861818;
    --primary-color-50: #E02424AA;
    --primary-color-25: #E0242433;
    
    /* secondary */
    --secondary-color: #2563EB;
    --secondary-color-shade: #1D4ED8;
    --secondary-color-50: #2563EBAA;
    --secondary-color-25: #2563EB33;
    
    /* accents */
    --accent-color: #F97316;
    --accent-color-50: #F97316AA;
    --accent-color-25: #F9731633;

    /* indications */
    --error-color: #DC2626;
    --success-color: #16A34A;
    --warning-color: #D97706;
}