:root {
    --font-style: normal;
    --font-display: swap;

    --bs-link-color: #337ab7;
    --bs-link-hover-color: #0064a5;
    --bs-primary-rgb: 0, 119, 187;

    --white: #fff;
    --grey: #666;
    --black: #000;

    --border-radius: 0.5rem;

    --primary: #07b;
    --primary1: #00308f;
    --primary2: #000f66;
    --brand: #f80;

    --secondary: #555555;
    --secondary1: #f9f9f9;
    --secondary2: #dddddd;
    --secondary3: #bbbbbb;
    --secondary4: #888888;

    --background-hero: #fff3e5;
    --background-hover: #f3f3f3;
    --background-darkgrey: #f0eeea;
    --background-lightgrey: #f9f9f9;
    --background-lightblue: #e5f1f8;

    --success: #2e8540;
    --success1: #b8f2b3;
    --attention: #b6770f;
    --attention1: #fef6d1;
    --attention2: #fdb81e;

    --information: var( --primary1 );

    --error: #e20007;
    --error1: #ffe2e3;

    --strato-box-shadow: 0 0.125rem 0.5rem rgb(85, 85, 85, 0.2);
    --strato-box-shadow-hover: 0 0.125rem 0.5rem rgb(85, 85, 85, 0.5);
}