@import 'tailwindcss';
@config "../tailwind.config.js";
@plugin "daisyui" {
    themes: light --default;
}
@plugin "daisyui/theme" {
    name: "light";
    default: true; /* set as default */

    --color-dark: #202338;
    /* Primary */
    --color-primary-50: #ECF1F9;
    --color-primary-100: #C6D4EC;
    --color-primary-200: #A1B8E0;
    --color-primary-300: #7B9BD3;
    --color-primary-400: #3A65AF;
    --color-primary-500: #284678;
    --color-primary-600: #25406E;
    --color-primary-700: #223B66;
    --color-primary-800: #1F365D;
    --color-primary-900: #111D33;
    --color-primary-950: #080F19;

    /* Secondary */
    --color-secondary-50: #ECF9F8;
    --color-secondary-100: #C6ECEB;
    --color-secondary-200: #8ED9D7;
    --color-secondary-300: #55C6C3;
    --color-secondary-400: #3AAFAB;
    --color-secondary-500: #287774;
    --color-secondary-600: #226663;
    --color-secondary-700: #1F5D5B;
    --color-secondary-800: #194C4B;
    --color-secondary-900: #143B3A;
    --color-secondary-950: #0B2221;

    /* Tertiary */
    --color-tertiary-50: #F0ECF9;
    --color-tertiary-100: #D1C6EC;
    --color-tertiary-200: #A38ED9;
    --color-tertiary-300: #8568CD;
    --color-tertiary-400: #6642C0;
    --color-tertiary-500: #39256E;
    --color-tertiary-600: #39256E;
    --color-tertiary-700: #311F5D;
    --color-tertiary-800: #28194C;
    --color-tertiary-900: #1F143B;
    --color-tertiary-950: #120B22;

    /* Success */
    --color-success: #00a45c;

    /* Info */
    --color-info-50: #ECFBF0;
    --color-info-100: #C5F4D3;
    --color-info-200: #8BEAA7;
    --color-info-300: #50DF7B;
    --color-info-400: #2AD85E;
    --color-info-500: #1da144;
    --color-info-600: #1B943F;
    --color-info-700: #177D36;
    --color-info-800: #115B27;
    --color-info-900: #0D441D;
    --color-info-950: #06220F;

    /* Warning */
    --color-warning-50: #FEF5EE;
    --color-warning-100: #FCE0CB;
    --color-warning-200: #F8C196;
    --color-warning-300: #F5A262;
    --color-warning-400: #F38D3F;
    --color-warning-500: #eb700f;
    --color-warning-600: #DA660E;
    --color-warning-700: #C95F0D;
    --color-warning-800: #B9570C;
    --color-warning-900: #753707;
    --color-warning-950: #321803;

    /* Error */
    --color-error-50: #FEEDEB;
    --color-error-100: #F9B9B0;
    --color-error-200: #F69689;
    --color-error-300: #F37362;
    --color-error-400: #EF3E27;
    --color-error-500: #c9260f;
    --color-error-600: #AB1F0D;
    --color-error-700: #8E1A0B;
    --color-error-800: #721509;
    --color-error-900: #641207;
    --color-error-950: #470D05;
}

@theme {
    /* Define custom breakpoints */
    /*--breakpoint-vsm: '(min-height: 640px)';*/
    /*--breakpoint-vmd: '(min-height: 768px)';*/
    /*--breakpoint-vlg: '(min-height: 1024px)';*/
    /*--breakpoint-vxl: '(min-height: 1280px)';*/
    /*--breakpoint-v2xl: '(min-height: 1536px)';*/
    --breakpoint-mud-sm: 960px;

    --color-dark: #202338;
    /* Primary */
    --color-primary-50: #ECF1F9;
    --color-primary-100: #C6D4EC;
    --color-primary-200: #A1B8E0;
    --color-primary-300: #7B9BD3;
    --color-primary-400: #3A65AF;
    --color-primary-500: #284678;
    --color-primary-600: #25406E;
    --color-primary-700: #223B66;
    --color-primary-800: #1F365D;
    --color-primary-900: #111D33;
    --color-primary-950: #080F19;

    /* Secondary */
    --color-secondary-50: #ECF9F8;
    --color-secondary-100: #C6ECEB;
    --color-secondary-200: #8ED9D7;
    --color-secondary-300: #55C6C3;
    --color-secondary-400: #3AAFAB;
    --color-secondary-500: #287774;
    --color-secondary-600: #226663;
    --color-secondary-700: #1F5D5B;
    --color-secondary-800: #194C4B;
    --color-secondary-900: #143B3A;
    --color-secondary-950: #0B2221;

    /* Tertiary */
    --color-tertiary-50: #F0ECF9;
    --color-tertiary-100: #D1C6EC;
    --color-tertiary-200: #A38ED9;
    --color-tertiary-300: #8568CD;
    --color-tertiary-400: #6642C0;
    --color-tertiary-500: #39256E;
    --color-tertiary-600: #39256E;
    --color-tertiary-700: #311F5D;
    --color-tertiary-800: #28194C;
    --color-tertiary-900: #1F143B;
    --color-tertiary-950: #120B22;

    /* Success */
    --color-success: #00a45c;

    /* Info */
    --color-info-50: #ECFBF0;
    --color-info-100: #C5F4D3;
    --color-info-200: #8BEAA7;
    --color-info-300: #50DF7B;
    --color-info-400: #2AD85E;
    --color-info-500: #1da144;
    --color-info-600: #1B943F;
    --color-info-700: #177D36;
    --color-info-800: #115B27;
    --color-info-900: #0D441D;
    --color-info-950: #06220F;

    /* Warning */
    --color-warning-50: #FEF5EE;
    --color-warning-100: #FCE0CB;
    --color-warning-200: #F8C196;
    --color-warning-300: #F5A262;
    --color-warning-400: #F38D3F;
    --color-warning-500: #eb700f;
    --color-warning-600: #DA660E;
    --color-warning-700: #C95F0D;
    --color-warning-800: #B9570C;
    --color-warning-900: #753707;
    --color-warning-950: #321803;

    /* Error */
    --color-error-50: #FEEDEB;
    --color-error-100: #F9B9B0;
    --color-error-200: #F69689;
    --color-error-300: #F37362;
    --color-error-400: #EF3E27;
    --color-error-500: #c9260f;
    --color-error-600: #AB1F0D;
    --color-error-700: #8E1A0B;
    --color-error-800: #721509;
    --color-error-900: #641207;
    --color-error-950: #470D05;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-Thin.ttf") format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-ExtraLight.ttf") format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-Light.ttf") format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-Regular.ttf") format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-Medium.ttf") format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-SemiBold.ttf") format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-Bold.ttf") format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: "SUSE";
    src: url("fonts/SUSE-ExtraBold.ttf") format('truetype');
    font-weight: 800;
}

html, body {
    font-family: "SUSE", sans-serif;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "SUSE", sans-serif;
    /*color: rgba(39,44,52,1);*/
}

/* Default styles */
h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.167;
}

h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.167;
}

h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.235;
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.334;
}

h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

p {
    font-size: 14px;
}

/* Breakpoint: sm (min-width: 640px) */
@media (min-width: 640px) {
    h1 {
        font-size: 64px;
    }

    h2 {
        font-size: 48px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 32px;
    }
}

/* Breakpoint: md (min-width: 768px) */
@media (min-width: 768px) {
    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 56px;
    }

    h3 {
        font-size: 44px;
    }

    h4 {
        font-size: 34px;
    }
}

/* Breakpoint: lg (min-width: 1024px) */
@media (min-width: 1024px) {
    h1 {
        font-size: 96px;
    }

    h2 {
        font-size: 60px;
    }

    h3 {
        font-size: 48px;
    }

    h4 {
        font-size: 36px;
    }
}

/* Breakpoint: xl (min-width: 1280px) */
@media (min-width: 1280px) {
    h1 {
        font-size: 104px;
    }

    h2 {
        font-size: 64px;
    }

    h3 {
        font-size: 52px;
    }

    h4 {
        font-size: 40px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 20px;
    }
}

/* Breakpoint: 2xl (min-width: 1536px) */
@media (min-width: 1536px) {
    h1 {
        font-size: 112px;
    }

    h2 {
        font-size: 68px;
    }

    h3 {
        font-size: 56px;
    }

    h4 {
        font-size: 44px;
    }

    h5 {
        font-size: 28px;
    }

    h6 {
        font-size: 24px;
    }
}

 .widget-container {
     border: 1px solid #fafafa !important;
     border-radius: 10px !important;
     background-color: #fafafa !important;
 }

 .maplibregl-canvas {
     border-radius: 10px !important;
 }
 
 .sd-container-modern__title {
     background-color: #fafafa !important;
     box-shadow: none !important;
 }