:root {
    --surface-error: #D14E34;
    --text-error: #D14E34;

    --surface-promo: #FF6933;
    --text-promo: #FF6933;

    --surface-attention: #F58300;
    --text-attention: #F58300;

    --surface-brand: #008DF2;
    --text-brand: #008DF2;
    --text-on-brand: #FFFFFF;

    --surface-success: #1AA33D;
    --text-success: #1EBD46;

    --surface-line: rgba(42, 42, 43, 0.50);

    --surface-card: #1C1D1F;

    --text-main: rgba(252, 252, 252, 0.85);
    --text-secondary: #898D8F;
    --surface-icon: #ADBFCD;
    --surface-border: #2A2A2B;

    --surface-background: #0E0F0F;
    --surface-background-secondary: #2F3133;

    --surface-disabled: #465A89;

    --shadow-S: 0px 1px 2px 0px rgba(0, 0, 0, 0.48);
    --shadow-M: 0px 8px 32px 0px rgba(0, 0, 0, 0.24);
    --shadow-L: 0px 10px 30px rgba(0, 0, 0, 0.2);
}