:root {
    /*
     * Breakpoints
     */
    --break-mobile-small: 240px;
    --break-mobile-large: 320px;
    --break-tablet-small: 480px;
    --break-tablet-large: 768px;
    --break-screen-small: 1024px;
    --break-screen-large: 1280px;

    /*
     * Safe Area Inset Values
     */
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);

    /*
     * Fonts
     */
    --font-family-logo: 'Inter var', sans-serif;
    --font-family-heading: 'Inter var', sans-serif;
    --font-family-body: 'Inter var', sans-serif;
    --font-size-tiny: 10px;
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 24px;
    --font-size-heading-small: 16px;
    --font-size-heading-medium: 24px;
    --font-size-heading-large: 30px;
    --font-size-bottom-navigation: 10px;
    --font-weight-normal: normal;
    --font-weight-bold: 700;

    /*
     * Colors
     */
    --color-heading: rgb(23, 15, 73);
    --color-body: rgb(111, 108, 144);
    --color-background: #fcfcfc;
    --color-overlay: rgba(17, 24, 39, 0.8);
    --color-primary: #046C4E;
    --color-primary-hover: #03543F;
    --color-secondary: rgb(192, 192, 192);
    --color-secondary-hover: #A5A5A5;
    --color-border: rgb(246, 246, 248);
    --color-danger: #cc3d3d;
    --color-danger-hover: #a63232;
    --color-error: #842029;
    --color-error-background: #f8d7da;
    --color-error-border: #f5c2c7;
    --color-label-default: #aaaaaa;
    --color-label-primary: #337ab7;
    --color-label-info: #5bc0de;
    --color-label-success: #5cb85c;
    --color-label-warning: #f0ad4e;
    --color-label-error: #d9534f;
    --color-label-dark: #000000;
    --color-alert-primary: #084298;
    --color-alert-primary-background: #cfe2ff;
    --color-alert-primary-border: #b6d4fe;
    --color-alert-success: #0a3622;
    --color-alert-success-background: #d1e7dd;
    --color-alert-success-border: #a3cfbb;

    /*
    * Olympia specific
    */
    --color-olympia-emerald: #05885E;

    /*
     * Dimensions
     */
    --dim-max-width: 1046px;
    --dim-mobile-header-height: 60px;
    --dim-drawer-width: 240px;
    --dim-border-radius-default: 8px;
    --dim-list-item-image-width: 35px;
}