:root {
    --doka-theme-white: var(--mud-palette-white);
    --doka-theme-black: var(--mud-palette-black);
    --doka-card-border-color: rgb(255,255,255);
    --doka-grayscale-level: 0%;
    /* fonts */
    --font-poppins: Poppins;
    /* font sizes */
    --font-size-lg: 1.13rem;
    --font-size-xl: 1.25rem;
    --font-size-xxl: 1.5rem;
    --font-size-smi: 0.81rem;
    --font-size-base: 1rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.88rem;
    --font-size-md: 0.94rem;
    --font-size-2xs: 0.69rem;
    --font-size-3xs: 0.63rem;
    --font-size-9xl-9: 1.81rem;
    --font-size-10xl-10: 2rem;
    /* Colors */
    --secondary-white: #fff;
    --secondary-grey-200: #d8dbe5;
    --secondary-grey-700: #494c60;
    --primary-blue: #014ce6;
    --primary-darkblue: #121039;
    --secondary-grey-600: #696c83;
    --primary-green: #00ecb3;
    --color-black: #000;
    --secondary-grey-50: #f5f5f8;
    /* background-colors */
    --background-doka-theme-primary-lighten: linear-gradient(289deg, var(--doka-theme-primary-lighten) -22.1%, #0044CF 62.84%);
    /* Gaps */
    --gap-5xl: 1.5rem;
    --gap-xl: 1.25rem;
    --gap-5xs: 0.5rem;
    --gap-3xs: 0.63rem;
    --gap-11xs: 0.13rem;
    --gap-10xs: 0.25rem;
    --gap-base: 1rem;
    --gap-8xl: 1.69rem;
    --gap-7xs: 0.38rem;
    --gap-23xl: 2.63rem;
    --gap-13xl: 2rem;
    /* Paddings */
    --padding-5xl: 1.5rem;
    --padding-4xl: 1.88rem;
    --padding-5xs: 0.5rem;
    --padding-6xs: 0.25rem;
    --padding-xs: 0.75rem;
    --padding-xxxs: 0.19rem;
    --padding-sm: 0.88rem;
    --padding-md: 1rem;
    --padding-lg: 1.25rem;
    --padding-xl: 2rem;
    /* Margins */
    --margin-5xl: 1.5rem;
    --margin-4xl: 1.25rem;
    --margin-5xs: 0.5rem;
    --margin-6xs: 0.25rem;
    --margin-xs: 0.75rem;
    --margin-xxs: 0.63rem;
    --margin-xxxs: 0.19rem;
    --margin-sm: 0.88rem;
    --margin-md: 1rem;
    --margin-lg: 1.5rem;
    --margin-xl: 2rem;
    /* Border radiuses */
    --br-6xl: 32px;
    --br-5xl: 24px;
    --br-base: 16px;
    --br-xs: 12px;
    --br-xxs: 10px;
    --br-xxxs: 6px;
    --br-xxm: 8px;
    --doka-content-max-width: 1280px;
    --doka-content-padding: 32px;
    --doka-dashboard-item-gap: 24px;
    --doka-dashboard-item-width: calc((calc(var(--doka-content-max-width) - (var(--doka-content-padding) * 2)))/2 - (var(--doka-dashboard-item-gap)/2));
    --doka-dashboard-item-content-padding: 24px;
    --doka-card-content-padding: 1.5rem;
    --doka-card-list-gap: var(--gap-xl);
    --doka-appbar-height: 123px;
    --doka-theme-primary: var(--mud-palette-primary);
    --doka-theme-tertiary: var(--mud-palette-tertiary);
    --doka-theme-primary-darken: var(--mud-palette-primary-darken);
    --doka-theme-primary-lighten: var(--mud-palette-primary-lighten);
    --doka-theme-secondary: var(--mud-palette-secondary);
    --doka-theme-secondary-darken: var(--mud-palette-secondary-darken);
    --doka-theme-secondary-lighten: var(--mud-palette-secondary-lighten);
    --doka-theme-error: var(--mud-palette-error);
    --doka-theme-error-darken: var(--mud-palette-error-darken);
    --doka-theme-error-lighten: var(--mud-palette-error-lighten);
    --doka-theme-warning: var(--mud-palette-warning);
    --doka-theme-warning-darken: var(--mud-palette-warning-darken);
    --doka-theme-warning-lighten: var(--mud-palette-warning-lighten);
    --doka-theme-success: var(--mud-palette-success);
    --doka-theme-success-darken: var(--mud-palette-success-darken);
    --doka-theme-success-lighten: var(--mud-palette-success-lighten);
    --doka-theme-white: var(--mud-palette-white);
    --doka-gray-default: #D8DBE5;
    --doka-gray-lighter: var(--mud-palette-gray-lighter);
    --doka-gray-100: #EBECF2;
    --doka-gray-200: #D8DBE5;
    --doka-gray-300: #BBBDCC;
    --doka-gray-400: #9B9EB2;
    --doka-gray-500: #696C83;
    --doka-gray-600: #494C60;
    --doka-primary-color: var(--mud-palette-primary);
    --doka-primary-darken-color: var(--mud-palette-primary-darken);
    --doka-primary-lighten-color: var(--mud-palette-primary-lighten);
    --doka-secondary-color: var(--mud-palette-secondary);
    --doka-secondary-darken-color: var(--mud-palette-secondary-darken);
    --doka-secondary-lighten-color: var(--mud-palette-secondary-lighten);
    --doka-error-color: var(--mud-palette-error);
    --doka-error-darken-color: var(--mud-palette-error-darken);
    --doka-error-lighten-color: var(--mud-palette-error-lighten);
    --doka-warning-color: var(--mud-palette-warning);
    --doka-warning-darken-color: var(--mud-palette-warning-darken);
    --doka-warning-lighten-color: var(--mud-palette-warning-lighten);
    --doka-success-color: var(--mud-palette-success);
    --doka-success-darken-color: var(--mud-palette-success-darken);
    --doka-success-lighten-color: var(--mud-palette-success-lighten);
    --doka-asset-second-layer: var(--doka-theme-tertiary);
    --doka-theme-primary-gradient: linear-gradient(289deg, var(--doka-theme-tertiary) -22.1%, var(--doka-theme-primary) 62.84%);
    --doka-section-label-color: #014CE6;
    --doka-table-row-color: #EAF0FB;
    /* Donut Chart Colors */
    --primary-donut-color: #014CE6;
    --secondary-donut-color: #21C4FD;
    --tertiary-donut-color: #28C885;
    --fourth-donut-color: #696C83;
    --fifth-donut-color: #014CE6;
}

@media (max-width: 1280px) and (min-width: 960px) {
    :root {
        --doka-content-max-width: 960px;
        --doka-content-padding: 12px;
    }
}

@media (max-width: 960px) and (min-width: 600px) {
    :root {
        --doka-content-max-width: 600px;
        --doka-content-padding: 8px;
        --doka-dashboard-item-content-padding: 16px;
    }
}

@media (max-width: 600px) {
    :root {
        --doka-content-max-width: 100%;
        --doka-content-padding: 8px;
        --doka-dashboard-item-content-padding: 12px;
    }
}