:root {
    --font-size: 16px;
    --padding: 10px;
    --margin: 10px;
    --radius: 15px;
    --radius-smaller: 12px;
    --border-width: 3px;
    --transition-duration: 0.25s;
    /* GENERAL COLORS */
    /* Asac */
    /*--primary-color: #2ca1e4;
    --secondary-color: #165375;*/
    /* Imesa */
    --primary-color: #0d2754;
    --secondary-color: #00a3e0;
    --transparent: transparent;
    --black: #000;
    --white: #fff;
    --ivory: #f1f1f1;
    --gray: #aaa;
    --gray-dark: #2e2e2e;
    --gray-lite: #f2f2f2;
    --blue: #2ca1e4;
    --blue-light: #2ca1e499;
    --blue-light-light: #2ca1e455;
    --green: #36d5a5;
    --green-dark: #216f57;
    --yellow: #f1cb20;
    --yellow-dark: #b58124;
    --red: #d53636;
    --orange: #f17a20;
    --purple: #e42ca1;
    --rose: #e48878;
    --gold: #ffd700;
    --silver: #c4cace;
    --bronze: #cd7f32;
    --gray-color: rgba(0, 0, 0, 1);
    --transition-time: 0.2s;
    --button-height: 50px;
    --item-height: 70px;
    --half-item-height: calc(var(--item-height) * 0.5);
    --two-third-item-height: calc(var(--item-height) * 0.66);
    --one-third-item-height: calc(var(--item-height) * 0.33);
    --sidebar-width: 300px;
    --sidebar-logo-height: 100px;
    --sidebar-logo-height-when-small: 30px;
    --header-height: 40px;
    --number-of-booking-columns: 6;
    --kyosk-font-size: 4rem;
}
/* Uncomment the following block to enable NATIVE dark mode support */
/*@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #165375;
        --secondary-color: #2ca1e4;
        --primary-color: #00a3e0;
        --secondary-color: #0d2754;
        --black: #fff;
        --white: #000;
        --ivory: #1f1f1f;
        --gray: #999;
        --gray-dark: #e2e2e2;
        --gray-lite: #2f2f2f;
        --gray-color: rgba(255, 255, 255, 1);
    }
}
*/

/* Uncomment the following block to enable CUSTOM dark mode support */
/* It should be set with this function below */
/* 
    function setTheme(theme) {
        document.documentElement.setAttribute('data-theme', 'theme');
    }
*/
/*
[data-theme="dark"] {
    --primary-color: #165375;
    --secondary-color: #2ca1e4;
    --primary-color: #00a3e0;
    --secondary-color: #0d2754;
    --black: #fff;
    --white: #000;
    --ivory: #1f1f1f;
    --gray: #999;
    --gray-dark: #e2e2e2;
    --gray-lite: #2f2f2f;
    --gray-color: rgba(255, 255, 255, 1);
}*/