:root {
    --desktop-breakpoint: 768px;
    --mobile-breakpoint: 767px;
    --mobile-xs-breakpoint: 575px;
    --mobile-breakpoint-wrap-button: 385px;

    --font-family: "Allianz Neo", sans-serif;
    --icon-fonts: "Allianz-Icons";

    --grid-max-width: 1280px;
    --grid-width: 864px;
    --desktop-body-padding: calc(min(100%, --grid-max-width) - (--grid-width + 64px));

    --primary: #003781;
    --primary-transparent-30: #00378130;

    --blue-1: #0c1e3d;
    --blue-2: #122B54;
    --blue-3: #3F72B1;
    --blue-4: #6590BD;
    --blue-5: #DBEAF5;
    --blue-6: #F0F7FC;
    --blue-7: #13A0D3;
    --blue-8: #EEF6F6;
    --blue-9: #c3d7e9;
    --blue-focused: #001D4700;

    --green-1: #05813C;
    --green-2: #10A251;
    --green-3: #006028;
    --green-4: #00450F;

    --gray: #cccccc;
    --gray-1: #f8f9fa;

    --yellow-1: #FEF5CD;
    --yellow-2: #8F6A00;

    --white: #ffffff;
    --white-transparent-20: #ffffff33;
    --primary-transparent-55: #0037818C;

    --validation-red: #DD0A42;

    --btn-corner-radius: 8px;
    --btn-padding: 16px 32px;
    --text-field-padding: 14px 16px;

    --spacing-xs: 4px;
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    --padding-medium: 30px;

    --text-primary-color: var(--primary);
    --text-secondary-color: var(--blue-3);

    --btn-primary-text: var(--white);
    --btn-primary-text-disabled: #A7ACB1;
    --btn-primary-background: var(--primary);
    --btn-primary-background-hover: var(--blue-2);
    --btn-primary-background-active: var(--blue-1);
    --btn-primary-background-disabled: #D7D9DB;

    --btn-secondary-text: var(--primary);
    --btn-secondary-text-disabled:#D7D9DB;
    --btn-secondary-background: #00000000;
    --btn-secondary-background-hover: var(--blue-2);
    --btn-secondary-background-active: var(--blue-1);
    --btn-secondary-background-disabled: #D7D9DB;
}