:root {
    --dina-primary-green-100: #50BB4E;

    --dina-light-green-100: #1C7D1F;
    --dina-light-green-90: #308732;
    --dina-light-green-80: #49974C;
    --dina-light-green-70: #60A462;
    --dina-light-green-60: #77B179;
    --dina-light-green-50: #8DBE8F;
    --dina-light-green-40: #A4CBA5;
    --dina-light-green-30: #BBD8BC;
    --dina-light-green-20: #D2E5D2;
    --dina-light-green-10: #E8F2E9;

    --dina-dark-green-100: #003E23;
    --dina-dark-green-90: #1A5139;
    --dina-dark-green-80: #33654F;
    --dina-dark-green-70: #4C7865;
    --dina-dark-green-60: #668B7B;
    --dina-dark-green-50: #809F91;
    --dina-dark-green-40: #99B2A7;
    --dina-dark-green-30: #B3C5BD;
    --dina-dark-green-20: #CCD8D3;
    --dina-dark-green-10: #E5ECE9;

    --dina-greyscale-white-100: #fff;

    --dina-opacity-white-40: #fff6;

    --dina-greyscale-black-100: #000;
    --dina-greyscale-black-90: #333;
    --dina-greyscale-black-85: #6B6B6B;
    --dina-greyscale-black-80: #8C8C8C;
    --dina-greyscale-black-30: #DEDEDE;
    --dina-greyscale-black-20: #EFEFEF;

    --dina-greyscale-100: #5B5B5B;
    --dina-greyscale-90: #6B6B6B;
    --dina-greyscale-80: #8C8C8C;
    --dina-greyscale-70: #9D9D9D;
    --dina-greyscale-60: #ADADAD;
    --dina-greyscale-50: #BDBDBD;
    --dina-greyscale-40: #CECECE;
    --dina-greyscale-30: #DEDEDE;
    --dina-greyscale-20: #EFEFEF;
    --dina-greyscale-10: #F7F7F7;

    --dina-pale-green-100: #ECF6EC;
    --dina-pale-green-90: #EEF7EE;
    --dina-pale-green-80: #F0F8F0;
    --dina-pale-green-70: #F2F9F2;
    --dina-pale-green-60: #F4FAF4;
    --dina-pale-green-50: #F6FBF6;
    --dina-pale-green-40: #F7FCF7;
    --dina-pale-green-30: #F9FCF9;
    --dina-pale-green-20: #FBFDFB;
    --dina-pale-green-10: #FDFEFD;

    --dina-red-1-100: #CF442E;
    --dina-red-1-90: #D45743;
    --dina-red-1-80: #D96958;
    --dina-red-1-70: #DD7C6D;
    --dina-red-1-60: #E28F82;
    --dina-red-1-50: #E7A197;
    --dina-red-1-40: #ECB4AB;
    --dina-red-1-30: #F1C7C0;
    --dina-red-1-20: #F5DAD5;
    --dina-red-1-10: #FAECEA;

    --dina-yellow-1-70: #F6BB47;
    --dina-yellow-1-10: #FEF8ED;

    --dina-alert-red: #C74F4F;
    --dina-alert-yellow: #FEE5B9;
    --dina-alert-blue: #D3E5F4;
    --dina-alert-blue-text: #247BCA;
    --dina-alert-green: var(--dina-pale-green-100);

    --dina-filer--primary-green-100: invert(58%) sepia(22%) saturate(1172%) hue-rotate(70deg) brightness(103%) contrast(89%);
    --dina-filer--dina-dark-green-100: invert(18%) sepia(60%) saturate(792%) hue-rotate(109deg) brightness(91%) contrast(102%);
    --dina-filter--light-green-100: invert(44%) sepia(13%) saturate(2733%) hue-rotate(72deg) brightness(83%) contrast(95%);
    --dina-filter--light-green-30: invert(88%) sepia(23%) saturate(214%) hue-rotate(72deg) brightness(91%) contrast(92%);
    --dina-filter--dark-green-100: invert(15%) sepia(100%) saturate(579%) hue-rotate(113deg) brightness(103%) contrast(105%);
    --dina-filter--greyscale-black-90: invert(14%) sepia(0%) saturate(56%) hue-rotate(190deg) brightness(99%) contrast(83%);
    --dina-filter--greyscale-black-80: invert(67%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(83%) contrast(85%);
    --dina-filter--greyscale-white-100: invert(100%) sepia(98%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(103%);
    --dina-filter--alert-blue: invert(40%) sepia(14%) saturate(4459%) hue-rotate(177deg) brightness(98%) contrast(89%);
    --dina-filter--alert-red: invert(31%) sepia(83%) saturate(1288%) hue-rotate(340deg) brightness(89%) contrast(92%);

    --dina-spacing-2: 0.125rem; 
    --dina-spacing-4: 0.250rem;
    --dina-spacing-8: 0.5rem;
    --dina-spacing-12: 0.75rem;
    --dina-spacing-16: 1rem;
    --dina-spacing-24: 1.5rem;
    --dina-spacing-32: 2rem;
    --dina-spacing-40: 2.5rem;
    --dina-spacing-48: 3rem;
    --dina-spacing-56: 3.5rem;
    --dina-spacing-64: 4rem;
    --dina-spacing-72: 4.5rem;
    --dina-spacing-80: 5rem;
    --dina-spacing-88: 5.5rem;
    --dina-spacing-96: 6rem;
    --dina-spacing-104: 6.5rem;
    --dina-spacing-112: 7rem;
    --dina-spacing-120: 7.5rem;
    --dina-spacing-128: 8rem;
    --dina-spacing-160: 10rem;


    --dina-box-shadows-xs: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.10);
    --dina-box-shadows-sm: 0px 4px 51px -4px rgba(0, 0, 0, 0.02), 0px 0px 24px -4px rgba(0, 0, 0, 0.04);
    --dina-box-shadows-md: 0px 8px 8px -4px rgba(0, 0, 0, 0.04), 0px 20px 24px -4px rgba(0, 0, 0, 0.10);
    --dina-box-shadows-lg: 0px 24px 48px -12px rgba(0, 0, 0, 0.25);
    --dina-box-shadows-xl: 0px 32px 64px -12px rgba(0, 0, 0, 0.20);

    --dina-border-radius-1: 0;
    --dina-border-radius-2: 2px;
    --dina-border-radius-3: 8px;
    --dina-border-radius-4: 12px;
    --dina-border-radius-5: 1rem;
    --dina-border-radius-7: 2rem;
    --dina-border-radius-12: 4em;



    --dina-icon-url__dina-arrow: url('/webdav/files/svg-icons/chevron-down-solid.svg');
    --dina-icon-url__dina-check: url('/webdav/files/svg-icons/check-solid.svg');
    --dina-icon-url__dina-info-white: url('/webdav/files/svg-icons/info-white.svg');
    --dina-icon-url__dina-info-green: url('/webdav/files/svg-icons/info-green.svg');
    --dina-icon-url__dina-check-white: url('/webdav/files/svg-icons/check-white.svg');
    --dina-icon-url__dina-arrow-white: url('/webdav/files/svg-icons/chevron-down-solid-white.svg');
    --dina-icon-url__dina-search-refraction: url('/webdav/files/svg-icons/search-refraction.svg');
    --dina-icon-url__home-line: url('/webdav/files/svg-icons/home-line.svg');
    --dina-icon-url__dina-padlock-closed: url('/webdav/files/svg-icons/lock-01.svg');
    --dina-icon-url__dina-padlock-closed-green: url('/webdav/files/svg-icons/lock-01-green.svg');
    --dina-icon-url__dina-padlock-open: url('/webdav/files/svg-icons/lock-unlocked-01.svg');
    --dina-icon-url__dina-padlock-open-green: url('/webdav/files/svg-icons/lock-unlocked-01-green.svg');
    --dina-icon-url__dina-menu-02: url('/webdav/files/svg-icons/menu-02.svg');
    --dina-icon-url__dina-menu-02-green: url('/webdav/files/svg-icons/menu-02-green.svg');
    --dina-icon-url__dina-calculator: url('/webdav/files/svg-icons/calculator.svg');
    --dina-icon-url__dina-injury: url('/webdav/files/svg-icons/injury.svg');
    --dina-icon-url__dina-x-close: url('/webdav/files/svg-icons/x-close.svg');
    --dina-icon-url__dina-x-close-white: url('/webdav/files/svg-icons/x-close-white.svg');
    --dina-icon-url__dina-x-close-green: url('/webdav/files/svg-icons/x-close-green.svg');
    --dina-icon-url__dina-plus: url('/webdav/files/svg-icons/plus.svg');
    --dina-icon-url__dina-plus-green: url('/webdav/files/svg-icons/plus-green.svg');
    --dina-icon-url__dina-stroke: url('/webdav/files/svg-icons/stroke.svg');
    --dina-icon-url__dina-stroke-green: url('/webdav/files/svg-icons/stroke-green.svg');
    --dina-icon-url__dina-arrow-left: url('/webdav/files/svg-icons/arrow-left.svg');
    --dina-icon-url__dina-arrow-download: url('/webdav/files/svg-icons/arrow-download.svg');
    --dina-icon-url__dina-trash: url('/webdav/files/svg-icons/trash-01.svg');
    --dina-icon-url__dina-chat-bubble-messages: url('/webdav/files/svg-icons/chat-bubble-messages.svg');
    --dina-icon-url__dina-attachment: url('/webdav/files/svg-icons/attachment.svg');
    --dina-icon-url__dina-file-document: url("/webdav/files/svg-icons/file-document.svg");
    --dina-icon-url__dina-file-document-green: url("/webdav/files/svg-icons/file-document-green.svg");
    --dina-icon-url__dina-file-attachment: url('/webdav/files/svg-icons/file-attachment.svg');
    --dina-icon-url__dina-single-man: url('/webdav/files/svg-icons/single-man.svg');
    --dina-icon-url__dina-calendar: url('/webdav/files/svg-icons/calendar.svg');
    --dina-icon-url__dina-eu-stars: url('/webdav/files/svg-icons/eu-stars_1.svg');
    --dina-icon-url__dina-krokodil-text-arrow: url('/webdav/files/svg-icons/krokodil-text-arrow.svg');
    --dina-icon-url__dina-arrow-right-white: url('/webdav/files/svg-icons/white-arrow-right.svg');


    --dina-icon-url__product-icon-home: url('/webdav/files/svg-icons/product-icon-home.svg');
    --dina-icon-url__product-icon-car: url('/webdav/files/svg-icons/product-icon-car.svg');
    --dina-icon-url__product-icon-family: url('/webdav/files/svg-icons/product-icon-family.svg');
    --dina-icon-url__product-icon-animal: url('/webdav/files/svg-icons/product-icon-animal.svg');
    --dina-icon-url__product-icon-recreation: url('/webdav/files/svg-icons/product-icon-recreation.svg');
    --dina-icon-url__product-icon-agriculture: url('/webdav/files/svg-icons/product-icon-agriculture.svg');
    --dina-icon-url__product-icon-company: url('/webdav/files/svg-icons/product-icon-company.svg');
    --dina-icon-url__product-icon-travel: url('/webdav/files/svg-icons/product-icon-plane.svg');
    --dina-icon-url__product-icon-coins: url('/webdav/files/svg-icons/product-icon-coins.svg');

    --dina-icon-url__product-icon-home-green: url('/webdav/files/svg-icons/product-icon-home-green.svg');
    --dina-icon-url__product-icon-family-green: url('/webdav/files/svg-icons/product-icon-family-green.svg');
    --dina-icon-url__product-icon-animal-green: url('/webdav/files/svg-icons/product-icon-animal-green.svg');
    --dina-icon-url__product-icon-scooter-green: url('/webdav/files/svg-icons/product-icon-scooter-green.svg');
    --dina-icon-url__product-icon-company-green: url('/webdav/files/svg-icons/product-icon-company-green.svg');
    --dina-icon-url__product-icon-car-green: url('/webdav/files/svg-icons/product-icon-car-green.svg');


    --dina-icon-url__social-facebook: url('/webdav/files/svg-icons/social-facebook.svg');
    --dina-icon-url__social-instagram: url('/webdav/files/svg-icons/social-instagram.svg');
    --dina-icon-url__social-linkedin: url('/webdav/files/svg-icons/social-linkedin.svg');

    --dina-icon-url__alert-important: url('/webdav/files/svg-icons/alert-triangle.svg');
    --dina-icon-url__alert-circle: url('/webdav/files/svg-icons/alert-circle.svg');
    --dina-icon-url__alert-circle-white: url('/webdav/files/svg-icons/info-circle--white.svg');

    --dina-icon-url__alert-information: url('/webdav/files/svg-icons/info-circle.svg');
    --dina-icon-url__alert-information-white: url('/webdav/files/svg-icons/info-circle--white.svg');

    --dina-icon-url__dina-logo-sticker: url('/webdav/files/svg-icons/dina_logo-sticker.svg');

    --dina-icon-url__dina-letter: url('/webdav/files/svg-icons/letter-2.svg');

    --dina-icon-url__uploaded-image: url('/webdav/files/svg-icons/uploaded-image.svg');
    --dina-icon-url__uploaded-document-image: url('/webdav/files/svg-icons/uploaded-document-image.svg');
    --dina-icon-url__upload-cloud: url('/webdav/files/svg-icons/upload-cloud.svg');
    --dina-icon-url__download-cloud: url('/webdav/files/svg-icons/download-cloud.svg');
    --dina-icon-url__download-cloud-green: url('/webdav/files/svg-icons/download-cloud-green.svg');

    --dina-icon-url__thumbs-up: url('/webdav/files/svg-icons/thumbs-up.svg');
    --dina-icon-url__pencil: url('/webdav/files/svg-icons/pencil.svg');
    --dina-icon-url__file-download: url('/webdav/files/svg-icons/file-download.svg');
    --dina-icon-url__log-out: url('/webdav/files/svg-icons/log-out.svg');
    --dina-icon-url__bankid-logo: url('/webdav/files/svg-icons/bankid-logo.svg');

    --dina-icon-url__message-bubble-warning: url('/webdav/files/svg-icons/messages-bubble-warning.svg');
    --dina-icon-url__link-external: url("/webdav/files/svg-icons/link-external.svg");
    --dina-icon-url__tooltip: url("/webdav/files/svg-icons/info-circle-stroke.svg");
    --dina-icon-url__search: url("/webdav/files/svg-icons/search-sm.svg");


    --dina-font-headline: dinaheadline, sans-serif;
    --dina-font-normal: dinafont, sans-serif;



}