:root {
    /* BG */
    --bg-default: #f7f8fa;
    --bg-accent: #ffffff;
    --bg-elevated: #ffffff;
    --bg-popup: #435165;

    /* Strokes */
    --stroke-divider-primary: #9aa8bc;
    --stroke-divider-secondary: #8293ab33;

    /* FG - Gray scale */
    --fg-gray-primary: #0a0c0f;
    --fg-gray-secondary: #435165;
    --fg-gray-tertiary: #54657d;
    --fg-gray-quaternary: #9aa8bc;
    --fg-gray-quinary: #e0e5eb;
    --fg-gray-senary: #f0f2f5;

    /* FG - Gray transparent */
    --fg-gray-transparent-primary: #afbaca66;
    --fg-gray-transparent-secondary: #afbaca4d;
    --fg-gray-transparent-tertiary: #afbaca33;
    --fg-gray-transparent-quarternary: #afbaca1a;

    /* Brand */
    --brand-primary: #2e85ff;
    --brand-secondary: #57a2ff;
    --brand-tertiary: #1c64d9;
    --brand-surface-01: #f0f9ff;
    --brand-surface-02: #d1eaff;
    --brand-border-01: #a8d5ff;
    --brand-border-02: #80bdff;
    --brand-on-color: #ffffffe6;

    /* Absolute */
    --absolute-white: #ffffff;
    --absolute-black: #000000;

    /* Semantic - Green */
    --semantic-green-primary: #1ac43c;
    --semantic-green-secondary: #3dd155;
    --semantic-green-tertiary: #0d9e2f;
    --semantic-green-surface-01: #edffee;
    --semantic-green-surface-02: #bef7c2;
    --semantic-green-border-01: #8feb98;
    --semantic-green-border-02: #64de74;
    --semantic-green-on-color: #ffffffe6;

    /* Semantic - Amber */
    --semantic-amber-primary: #ffbd2e;
    --semantic-amber-secondary: #ffcf57;
    --semantic-amber-tertiary: #d9971c;
    --semantic-amber-surface-01: #fffdf0;
    --semantic-amber-surface-02: #fff7d1;
    --semantic-amber-border-01: #ffeca8;
    --semantic-amber-border-02: #ffdf80;
    --semantic-amber-on-color: #ffffffe6;

    /* Semantic - Red */
    --semantic-red-primary: #da3832;
    --semantic-red-secondary: #e6635a;
    --semantic-red-tertiary: #b32020;
    --semantic-red-surface-01: #fff3f0;
    --semantic-red-surface-02: #ffe3de;
    --semantic-red-border-01: #ffbfb5;
    --semantic-red-border-02: #f29085;
    --semantic-red-on-color: #ffffffe6;

    /* Semantic - Red send */
    --semantic-red-send-primary: #bf5c22;
    --semantic-red-send-secondary: #e57b35;
    --semantic-red-send-tertiary: #994014;
    --semantic-red-send-surface-01: #fff8f0;
    --semantic-red-send-surface-02: #fff0de;
    --semantic-red-send-border-01: #ffdab5;
    --semantic-red-send-border-02: #ffc28c;
    --semantic-red-send-on-color: #ffffffe6;

    /* Semantic - Yellow-Green */
    --semantic-yellow-green-primary: #8ebf11;
    --semantic-yellow-green-secondary: #b4e520;
    --semantic-yellow-green-tertiary: #6a9906;
    --semantic-yellow-green-surface-01: #fefff0;
    --semantic-yellow-green-surface-02: #f8ffc7;
    --semantic-yellow-green-border-01: #f0ff9e;
    --semantic-yellow-green-border-02: #e6ff75;
    --semantic-yellow-green-on-color: #ffffffe6;

    /* Semantic - Yellow ivory */
    --semantic-yellow-ivory-primary: #bf9019;
    --semantic-yellow-ivory-secondary: #e5b629;
    --semantic-yellow-ivory-tertiary: #996c0c;
    --semantic-yellow-ivory-surface-01: #fffef0;
    --semantic-yellow-ivory-surface-02: #fffad1;
    --semantic-yellow-ivory-border-01: #fff2a8;
    --semantic-yellow-ivory-border-02: #ffe880;
    --semantic-yellow-ivory-on-color: #ffffffe6;

    /* Semantic - Pastel green */
    --semantic-pastel-green-primary: #45e537;
    --semantic-pastel-green-secondary: #72f261;
    --semantic-pastel-green-tertiary: #2cbf24;
    --semantic-pastel-green-surface-01: #f4fff0;
    --semantic-pastel-green-surface-02: #e7ffe0;
    --semantic-pastel-green-border-01: #c5ffb8;
    --semantic-pastel-green-border-02: #a0ff8f;
    --semantic-pastel-green-on-color: #ffffffe6;

    /* Semantic - Aquamarine */
    --semantic-aquamarine-primary: #35e5b0;
    --semantic-aquamarine-secondary: #5ef2c1;
    --semantic-aquamarine-tertiary: #22bf95;
    --semantic-aquamarine-surface-01: #f0fff8;
    --semantic-aquamarine-surface-02: #defff1;
    --semantic-aquamarine-border-01: #b5ffe1;
    --semantic-aquamarine-border-02: #8cffd5;
    --semantic-aquamarine-on-color: #ffffffe6;

    /* Semantic - Frosty sky */
    --semantic-frosty-sky-primary: #35b9e5;
    --semantic-frosty-sky-secondary: #5ed2f2;
    --semantic-frosty-sky-tertiary: #2293bf;
    --semantic-frosty-sky-surface-01: #f0feff;
    --semantic-frosty-sky-surface-02: #defbff;
    --semantic-frosty-sky-border-01: #b5f4ff;
    --semantic-frosty-sky-border-02: #8ceaff;
    --semantic-frosty-sky-on-color: #ffffffe6;

    /* Semantic - Cornflower blue */
    --semantic-cornflower-blue-primary: #3564e5;
    --semantic-cornflower-blue-secondary: #5e8bf2;
    --semantic-cornflower-blue-tertiary: #2247bf;
    --semantic-cornflower-blue-surface-01: #f0f6ff;
    --semantic-cornflower-blue-surface-02: #deebff;
    --semantic-cornflower-blue-border-01: #b5d0ff;
    --semantic-cornflower-blue-border-02: #8cb3ff;
    --semantic-cornflower-blue-on-color: #ffffffe6;

    /* Semantic - Slate blue */
    --semantic-slate-blue-primary: #5535e5;
    --semantic-slate-blue-secondary: #7e5ef2;
    --semantic-slate-blue-tertiary: #3a22bf;
    --semantic-slate-blue-surface-01: #f5f0ff;
    --semantic-slate-blue-surface-02: #e8deff;
    --semantic-slate-blue-border-01: #cab5ff;
    --semantic-slate-blue-border-02: #a98cff;
    --semantic-slate-blue-on-color: #ffffffe6;

    /* Semantic - Orchid */
    --semantic-orchid-primary: #c835e5;
    --semantic-orchid-secondary: #df5ef2;
    --semantic-orchid-tertiary: #a022bf;
    --semantic-orchid-surface-01: #fff0ff;
    --semantic-orchid-surface-02: #fedeff;
    --semantic-orchid-border-01: #fab5ff;
    --semantic-orchid-border-02: #f48cff;
    --semantic-orchid-on-color: #ffffffe6;

    /* Semantic - Magenta Craiola */
    --semantic-magenta-craiola-primary: #e535b0;
    --semantic-magenta-craiola-secondary: #f25ec1;
    --semantic-magenta-craiola-tertiary: #bf2295;
    --semantic-magenta-craiola-surface-01: #fff0f8;
    --semantic-magenta-craiola-surface-02: #ffdef1;
    --semantic-magenta-craiola-border-01: #ffb5e1;
    --semantic-magenta-craiola-border-02: #ff8cd5;
    --semantic-magenta-craiola-on-color: #ffffffe6;

    /* Semantic - Blush */
    --semantic-blush-primary: #e5356d;
    --semantic-blush-secondary: #f25e88;
    --semantic-blush-tertiary: #bf2259;
    --semantic-blush-surface-01: #fff0f2;
    --semantic-blush-surface-02: #ffdee4;
    --semantic-blush-border-01: #ffb5c5;
    --semantic-blush-border-02: #ff8ca9;
    --semantic-blush-on-color: #ffffffe6;
}