:root {
    --primary-accent: #0099CC;
    --primary-accent-25: #F1FAFF;
    --primary-accent-100: #E3F5FF;
    --primary-accent-600: #007CA6;

    --primary-main: #0D2A50;
    --primary-main-25: #EFF6FF;
    --primary-main-100: #D4E6FF;
    --primary-main-150: #91B3E3;
    --primary-main-200: #7394C2;
    --primary-main-300: #45658F;
    --primary-main-600: #021E43;

    --system-success-25: #f6fff2;
    --system-success-300: #8CD656;
    --system-success: #5ba215;
    --system-sucess-600: #478400;

    --system-warning-25: #fff7f1;
    --system-warning-300: #ffa663;
    --system-warning: #dc7507;
    --system-warning-600: #b35d00;

    --system-error-25: #fff6f5;
    --system-error-300: #eb5552;
    --system-error: #D64040;
    --system-error-600: #b92028;

    --base-white: #ffffff;
    --base-default: #ffffff;

    --background-default: #ffffff;
    --elevation-01: #ffffff;
    --elevation-02: #ffffff;

    --backdrop-default: #45658f80;

    --surface-100: #f2faff;
}

[data-theme="dark"] {
    --primary-accent: #1da2d6;
    --primary-accent-25: #001e2b;
    --primary-accent-100: #002d3f;
    --primary-accent-600: #3fb9ed;

    --primary-main: #e8e8e8;
    --primary-main-25: #222222;
    --primary-main-100: #353535;
    --primary-main-150: #6f6f6f;
    --primary-main-200: #868686;
    --primary-main-300: #B7B7B7;
    --primary-main-600: #F2F2F2;

    --system-success-25: #0D2000;
    --system-success-300: #519500;
    --system-success: #6DB532;
    --system-sucess-600: #8CD656;

    --system-warning-25: #230D00;
    --system-warning-300: #C86900;
    --system-warning: #E87F1F;
    --system-warning-600: #FFA663;

    --system-error-25: #2E0002;
    --system-error-300: #D94343;
    --system-error: #E8514F;
    --system-error-600: #FD6560;

    --base-white: #ffffff;
    --base-default: #0F1010;

    --background-default: #0F1010;
    --elevation-01: #1C1E20;
    --elevation-02: #26282A;

    --backdrop-default: #22222280;

    --surface-100: #1b2930;
}