:root{
    --spark-white: #fff;
    --spark-blue: #153d77;
    --spark-secound-blue: #2469CE;
    --spark-grey-font: #6c757D;
    --spark-active-nav: #CED4DA;
    --spark-darker-blue: #3e4676;
    --spark-table-border: #dee2e6;
    --spark-table-tr-strip: #F8F9FA;
    --spark-text: #3e4676;
    --spark-black-text: #203A45;
    --spark-light-blue: #3b7ddd;
    --spark-light-blue-hover: #5a93e2;
    --spark-light-grey: #6c757d;
    --spark-lighter-grey: #E9ECEF;
    --spark-background: #F4F7FC;

    --main-primary: #2289FF;
    --main-primary-hover: #0070F1;
    --main-primary-light: #E9F3FF;
    --main-secondary: #D81B60;
    --main-secondary-hover: #cf004c;
    --main-white: #ffffff;

    --main-background: #F4F7FC;
    --main-topbar: #01324A;
    --main-text: #01324A;
    --main-text-muted: #818181;

    --main-gray-1: #F5F5F5;
    --main-gray-2: #E1E1E1;
    --main-gray-3: #F8F8F8;

    --main-note: #ECEAB9;
    --main-note-light: #FFFEE9;

    --main-success: #0FC285;
    --main-danger: #F90B64;
    --main-danger-light: #FBEAEA;

    --status-planned: #3b7ddd;
    --status-planned-background: rgba(59, 125, 221, 0.1);
    --status-unreadable: #fd7e14;
    --status-unreadable-background: rgb(253, 126, 20, 0.1);
    --status-canceled: #dc3545;
    --status-canceled-background: rgb(220, 53, 69, 0.1);
    --status-confirmed: #28a745;
    --status-confirmed-background: rgb(40, 167, 69, 0.1);
    --status-sended: #20C997;
    --status-sended-background: rgb(32, 201, 151, 0.1);
    --status-not-came: #7E93C8;
    --status-not-came-background: rgb(126, 147, 200, 0.1);
}