:root {
    --max-width: 100%;
    /* Padding och marginaler */
    --spacing-lg: 2rem;
    --spacing-md: 1.5rem;
    --spacing-sm: 1rem;
    --edge-padding-desktop: 212px;
    --edge-padding-mobile: 1.5rem;
    --edge-padding-mobile-button: 2.375rem;
    --gutter-left-mobile: calc(env(safe-area-inset-left, 0px) + var(--edge-padding-mobile));
    --gutter-right-mobile: calc(env(safe-area-inset-right, 0px) + var(--edge-padding-mobile-button));
    /* Färger */
    --color-background: #F6F3F0;
    --color-section-bg: #F1ECE8;
    --color-summary-section-bg: #F6F3F0;
    --color-header-bg: #FAF9F7;
    --color-border: #C9C2BE;
    --color-primary: #0054F0;
    --color-text: #331E11;
    --color-green: #217331;
    --color-red: #BB320C;
    --color-yellow: #FCC74F;
    --color-blue: #0054F0;
    --color-box-border: #EDE6E1;
    --if-footer-bg: #F6F3F0;
    --focus-ring-color: #005fcc;
    /* Typsnitt och storlek */
    --font-family: 'If Sans Variable';
    --font-size-base: 16px;
    --font-size-lg: 24px;
    --font-size-lg2: 26px;
    --font-size-x: 40px;
    --font-size-xl: 48px;
    --font-weight-extra-light: 36;
    --font-weight-md: 60;
    --font-weight-light: 78;
    --font-weight-normal: 106;
    --font-weight-bold: 132;
    /* Boxar */
    --status-green-bg: #E0F0DB;
    --status-yellow-bg: #F9EBC7;
    --status-red-bg: #F9E3D4;
    --status-blue-bg: #E1E9F6;
    --status-green-dark: #DCEADF;
    --status-red-dark: #FAD9D9;
    --status-yellow-dark: #FEF3CB;
    --status-blue-dark: #B7DCF6;
    --status-gray-bg: rgba(241, 236, 232, 1);
    --status-gray-bg-bottom: rgba(237, 230, 226, 1);
    /* BreadCrumb */
    --breadcrumb-font: 'If Sans Variable';
    --breadcrumb-text-color: #331E11;
    --breadcrumb-font-size: 16px;
    --breadcrumb-line-height: 24px;
    --breadcrumb-weight: 78;
    --breadcrumb-current-weight: 132;
    --breadcrumb-gap: 4px !important;
    --breadcrumb-separator-gap: 4px !important;
    --breadcrumb-separator-color: var(--breadcrumb-text-color);
    /* IDS Primitives */
    --ids-neutral-100: #FAF9F7;
    --ids-neutral-400: #EDE6E1;
    --ids-blue-500: #1241A2;
    --ids-neutral-600: #D6CEC8;
    --ids-neutral-900: #6E625E;
    --ids-green-200: #B6D5B5;
    --ids-red-200: #F1B398;
    --ids-yellow-200: #F7DFA1;
    --ids-blue-200: #A8C2F0;
    /*modal*/
    --ids-neutral-200: var(--color-background);
    --af-text: var(--color-text);
    --af-red: var(--color-red);
    --af-brd: var(--color-red);
    --bs-body-font-family: var(--font-family);
    /*Feedback*/
    --fb-z-overlay: 2000;
    --fb-z-panel: 2001;
    --fb-z-button: 2002;
    --fb-panel-bg: #F6F3F0;
    --fb-button-bg: #ffffff;
    --fb-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    --fb-radius: 10px;
    /*Bootstrap*/
    --bs-form-invalid-border-color: #BB320C !important;
    --bs-form-invalid-color: #BB320C !important;
    --bs-modal-header-padding: 0px !important;
    --bs-modal-padding: 0px !important;
    --bs-modal-footer-gap: 0px !important;
    --bs-modal-header-padding: 0px !important;
    --bs-breadcrumb-item-padding-x: 0px !important;
    --bs-border-color: #9F948F !important;
    --bs-red: #BB320C !important;
    --bs-btn-bg: #BB320C !important;
    --bs-danger-rgb: 187, 50, 12;
}