: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(54, 72, 97, 0.50);

    --surface-card: #1D2C3B;

    --text-main: rgba(250, 252, 255, 0.85);
    --text-secondary: #969FA3;
    --surface-icon: #ADBFCD;
    --surface-border: #233547;

    --surface-background: #1A2430;
    --surface-background-secondary: #293D52;

    --surface-disabled: #465A89;

    --shadow-S: 0px 1px 2px 0px rgba(13, 22, 31, 0.64);
    --shadow-M: 0px 8px 32px 0px rgba(13, 22, 31, 0.36);
    --shadow-L: 0px 10px 30px rgba(0, 0, 0, 0.2);
}