:root {
    /* ====== Sizes ====== */
    --nav-collapsed-width: 4.5em;
    --nav-expanded-width: 22em;
    --panel-height: 20em;
    --panel-body-height: calc(var(--panel-height) - 4em);
    --window-header-height: 4rem;
    /* ====== Font sizes ====== */
    --font-size-tiny: 0.6rem;
    --font-size-small: 0.8rem;
    --font-size-normal: 0.9rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.2rem;
    --font-size-xlarge: 1.5rem;
    --global-font-family: Montserrat, sans-serif;
}
[data-theme="light"] {
    --color-scheme: light;
    --global-font-color: #4d4636;
    --light-global-font-color: #6a6255;
    --scrollbar-color: rgba(106, 98, 85, 0.25);
    --deep-background-color: #e0dfda;
    --border-color: #ccc9be;
    --soft-border-color: #d7d2ce;
    --plain-white: #ffffff;
    --background-white: #e2e1dc;
    --hover-gray: #d4d2c675;
    --table-header-gray: #FCFCFD;
    --light-gray: #e5e3dc;
    --disabled-gray: #e0e0e0;
    --blue-gray: #eceae2db;
    --blue-gray-alternate: #ebe9e1;
    --light-blue-gray: #878e98;
    --black: #111111;
    --primary-green: #f3bb4a;
    --darker-primary-green: #db971c;
    --danger-red: #eb714d;
    --darker-danger-red: #BF3030;
    --gray: #71717A;
    --orange: #f5a623;
    --purple: #9b51e0;
    --link-blue: #a57b06;
    --thumbBG: #BDC1BE;
    --soft-container-inner-shadow: inset 0 0 6px rgb(115 102 78 / 20%);
    --container-inner-shadow: inset 0 0 12px rgb(161 156 140 / 60%);
    --continer-outer-shadow: 0 0 12px rgba(186, 187, 199, 0.61);
    --primary-button-shadow: inset 0 1px 3px #f8e1b9, 
        0 1px 3px #bb830069, 
        0 2px 8px #b37e1cbf;
    --hover-primary-button-shadow: inset 0 1px 3px #f8e1b9, 
        0 1px 3px #a57400d6, 
        0 2px 8px #b37e1cf0;
    
    --outline-button-shadow: inset 0 1px 2px #faf5e8, 
        0 1px 4px #c2c1b6de, 
        0 2px 8px #cecdc5d1;
    --hover-outline-button-shadow: inset 0 1px 2px #faf5e8, 
        0 1px 4px #acaba2ad, 
        0 2px 6px #b4b2a7d1;

    --danger-button-shadow: inset 0 1px 2px #ff9675, 
        0 1px 3px #a42626b8, 
        0 2px 8px #6c1a1acf;
    --hover-danger-button-shadow: inset 0 1px 2px #ff9675, 
        0 1px 3px #921c00e6, 
        0 2px 8px #70140ae0;
    
    --soft-continer-outer-shadow: inset 0 1px 4px #faf5e8,
        0 1px 4px #c2c1b6de,
        0 2px 8px #cecdc5d1;
    --soft-hover-continer-outer-shadow:  inset 0 1px 4px #faf5e8, 
        0 1px 4px #a5a498a8, 
        0 2px 8px #a1a09aad;
    
    --lit-hidden-border-color: #efede7e0;
    
    --big-continer-outer-shadow: 0 0 24px rgba(186, 187, 199, 0.61);
    --deep-shaow: 0 10px 55px rgba(186, 187, 199, 0.4);
    --light-text: #abaaa6;
    --colored-button-font-color: var(--global-font-color);
    --gold-gradient: linear-gradient(356deg, rgba(249,175,42,1) 0%, rgba(254,214,19,1) 100%);
    --gold-color: #feb93d;
    --gray-status-pill-bg: #d2d5d7;
    --gray-status-pill-color: var(--global-font-color);
    --success-green: #2B8C59;
    --soft-success-green: rgba(43, 140, 89, 0.5);
    --table-row-alternate: #e6e6ee;
    --sl-color-primary-600: var(--primary-green);
    --backdrop-color: rgba(0, 0, 0, 0.2);

    --neomorphism-small-button-shadow:
            4px 4px 12px rgb(205 202 194), 
            -4px -4px 12px rgb(246 241 226), 
            inset 2px 2px 8px rgb(205 202 194), 
            inset -2px -2px 8px  rgb(246 241 226);
    
    --neomorphism-small-button-shadow-pressed:
            -8px -8px 16px rgba(186, 187, 199, 0.71),
            8px 8px 16px rgba(255, 255, 255, 1),
            inset 2px 2px 8px rgba(186, 187, 199, 0.71),
            inset -2px -2px 8px rgba(255, 255, 255, 1);

    --neomorphism-button-shadow:
            4px 4px 8px rgba(186, 187, 199, 0.71),
            -4px -4px 8px rgba(255, 255, 255, 0.5),
            inset 1px 1px 4px rgba(186, 187, 199, 0.71),
            inset -1px -1px 4px rgba(255, 255, 255, 0.5);
    --neomorphism-button-shadow-pressed:
            -4px -4px 8px rgba(186, 187, 199, 0.71),
            4px 4px 8px rgba(255, 255, 255, 1),
            inset 1px 1px 4px rgba(186, 187, 199, 0.71),
            inset -1px -1px 4px rgba(255, 255, 255, 1);

    --neomorphism-button-shadow-checked:
            -4px -4px 8px rgba(186, 187, 199, 0.71),
            4px 4px 8px rgba(255, 255, 255, 0.5),
            inset 1px 1px 4px rgba(186, 187, 199, 0.71),
            inset -1px -1px 4px rgba(255, 255, 255, 0.5);
    
    /* == Full Calendar == */
    --fc-border-color: var(--border-color);
    --fc-button-active-bg-color: var(--hover-gray);
    --fc-button-border-color: var(--border-color);
    --fc-button-active-border-color: var(--border-color);
    --fc-button-bg-color: var(--blue-gray);
    --fc-button-hover-bg-color: var(--hover-gray);
    --fc-button-hover-border-color: var(--border-color);
    --fc-today-bg-color: rgba(108, 108, 108, 0.05);
    --fc-event-bg-color: var(--blue-gray);
    --fc-event-text-color: var(--global-font-color);
    --fc-button-text-color: var(--global-font-color);

    --glass-background: rgba(240, 238, 233, 0.4);
    --light-glass-background: rgba(240, 238, 233, 0.6);
    --glass-background-hover: rgba(200, 200, 200, 0.3);
    --glass-background-accent: rgba(255, 255, 255, 0.8);
    --glass-container-shadow: 0 4px 18px rgba(30, 30, 30, 0.2);
    --soft-glass-container-shadow: 0 0px 16px rgba(90, 90, 90, 0.1);
    --input-glass-shadow: 0 0px 6px rgba(90, 90, 90, 0.1);
    --glass-backdrop-filter: blur(11px);
    --glass-container-border: 1px solid rgb(255 252 244 / 35%);
    --floating-menu-background: rgba(240, 238, 233, 0.4);

    --nb-button-neumorphism-border-color: #DBDBD8;
    --nb-button-neumorphism-border-color-active: #DBDBD8;
    --nb-button-neumorphism-background: linear-gradient(135deg, #DFDDD7 0%, #E5E3DE 100%);
    --nb-button-neumorphism-background-hover: linear-gradient(135deg, #E8E5DF 0%, #F0EDE7 100%);
    --nb-button-neumorphism-background-active: linear-gradient(135deg, #E8E5DF 0%, #F0EDE7 100%);
    
    --nb-button-neumorphism-shadow-default: -5px 5px 10px rgb(244 240 235 / 74%), 
        -5px 5px 10px rgb(244 240 235 / 61%), 
        5px -5px 10px rgb(182 179 167 / 60%), 
        5px -5px 10px rgb(244 240 235 / 60%), 
        -5px -5px 10px 1px rgb(244 240 235 / 69%), 
        -5px -5px 10px 1px rgb(244 240 235 / 83%), 
        5px 5px 13px rgb(164 160 148 / 63%), 
        5px 5px 13px rgb(158 155 144 / 78%), 
        inset 1px 1px 6.3px 3px rgb(246 245 239 / 81%), 
        inset -1px -1px 2.4px 2px rgba(181, 177, 163, 0.2);
    
    --nb-button-small-neumorphism-shadow-default: -3px 3px 6px rgb(244 240 235 / 65%), 
        -3px 3px 6px rgb(244 240 235 / 60%), 
        3px -3px 6px rgb(182 179 167 / 42%), 
        3px -3px 6px rgb(244 240 235 / 60%), 
        -3px -3px 6px 1px rgb(244 240 235 / 69%), 
        -3px -3px 6px 1px rgb(244 240 235 / 83%), 
        3px 3px 8px rgb(164 160 148 / 63%), 
        3px 3px 8px rgb(158 155 144 / 58%), 
        inset 1px 1px 4px 2px rgb(246 245 239 / 81%), 
        inset -1px -1px 3px 2px rgba(181, 177, 163, 0.2);
    
    --nb-button-neumorphism-shadow-active: 5px -5px 10px rgba(244, 240, 235, 0.35),
        5px -5px 10px rgba(244, 240, 235, 0.2),
        -5px 5px 10px rgba(189, 186, 177, 0.35),
        -5px 5px 10px rgba(244, 240, 235, 0.3),
        5px 5px 10px 1px rgba(244, 240, 235, 0.4),
        5px 5px 10px 1px rgba(244, 240, 235, 0.4),
        -5px -5px 13px rgba(189, 186, 177, 0.6),
        -5px -5px 13px rgba(189, 186, 177, 0.6),
        inset 1px 1px 6.3px 3px rgba(246, 245, 239, 0.5),
        inset -1px -1px 2.4px 2px rgba(181, 177, 163, 0.2);

    --status-pill-0-background: #d7d4ca;
    --status-pill-0-color: #6b6454;
    --status-pill-0-bullet-color: #797263;
    --status-pill-0-shadow: inset 0 1px 2px #f5efe5, 0 1px 4px #c2c1b6, 0 2px 8px #cecdc5;

    --status-pill-1-background: #d2f7a5;
    --status-pill-1-color: #539011;
    --status-pill-1-bullet-color: #5ea008;
    --status-pill-1-shadow: inset 0 1px 2px #e6ffc6, 0 1px 4px #c2c1b6ba, 0 2px 8px #cecdc5d1;

    --status-pill-2-background: #f3e78d;
    --status-pill-2-color: #997701;
    --status-pill-2-bullet-color: #c59d0d;
    --status-pill-2-shadow: inset 0 1px 2px #e6ffc6, 0 1px 4px #c2c1b6ba, 0 2px 8px #cecdc5d1;

    --status-pill-3-background: #fdbf9b;
    --status-pill-3-color: #b94400;
    --status-pill-3-bullet-color: #e34508;
    --status-pill-3-shadow: inset 0 1px 2px #fff1ed, 0 1px 4px #c2c1b6de, 0 2px 8px #cecdc5d1;

    --status-pill-4-background: #f9cb86;
    --status-pill-4-color: #936600;
    --status-pill-4-bullet-color: #bd7c06;
    --status-pill-4-shadow: inset 0 1px 2px #fff4e9, 0 1px 4px #c2c1b6de, 0 2px 8px #cecdc5d1;
    
    --img-icon-shadow: drop-shadow(0 0 0.25rem #cac1b5);
}

[data-theme="dark"] {
    --color-scheme: dark;
    --global-font-color: #d3ccb5;
    --light-global-font-color: #7d796e;
    --scrollbar-color: rgba(125, 121, 110, 0.5);
    --deep-background-color: #252423;
    --border-color: #3d3b35;
    --plain-white: #202028;
    --background-white: #282726;
    --hover-gray: #363634;
    --table-header-gray: #1a1a1f;
    --light-gray: #42413f;
    --disabled-gray: #2c3038;
    --blue-gray: #292827;
    --blue-gray-alternate: #292827;
    --light-blue-gray: #625e56;
    --black: #c2c2c2;
    --primary-green: #cb9f4e;
    --darker-primary-green: #c48b23;
    --danger-red: #c5674b;
    --darker-danger-red: #BF3030;
    --gray: #7d796e;
    --orange: #f5a623;
    --purple: #9b51e0;
    --link-blue: #bf9e23;
    --thumbBG: #BDC1BE;
    --light-text: var(--gray);
    --colored-button-font-color: #36342f;
    --gold-gradient: linear-gradient(356deg, rgba(249,175,42,1) 0%, rgba(254,214,19,1) 100%);
    --gold-color: #feb93d;
    --success-green: #2B8C59;
    --soft-success-green: rgba(43, 140, 89, 0.5);

    --gray-status-pill-bg: #2c2f31;
    --gray-status-pill-color: var(--global-font-color);
    --sl-color-primary-600: var(--primary-green);
    
    /* == Full Calendar == */
    --fc-border-color: var(--border-color);
    --fc-button-border-color: var(--border-color);
    --fc-button-active-bg-color: #393730;
    --fc-button-active-border-color: var(--border-color);
    --fc-button-bg-color: var(--blue-gray);
    --fc-button-hover-bg-color: var(--hover-gray);
    --fc-today-bg-color: rgb(61 59 53 / 18%);
    --fc-event-bg-color: var(--blue-gray);
    --fc-page-bg-color: var(--deep-background-color);
    --fc-list-event-hover-bg-color: var(--hover-gray);

    --container-inner-shadow: inset 0 0 16px rgba(9, 9, 12, 0.5);
    --soft-container-inner-shadow: inset 0 0 8px rgba(9, 9, 12, 0.5);
    --continer-outer-shadow: 0 0 16px rgba(9, 9, 12, 0.5);
    
    --primary-button-shadow: inset 0 1px 5px #ffebc6, 
        0 1px 4px #201b10, 
        0 2px 8px #18130c;
    --hover-primary-button-shadow: inset 0 1px 5px #ffebc6, 
        0 1px 3px #000000de, 
        0 3px 12px #000000a6;
    
    --outline-button-shadow: inset 0 1px 4px #31302d,
        0 1px 4px #21201d,
        0 2px 8px #1e1d1b;
    --hover-outline-button-shadow: inset 0 1px 4px #31302d, 
        0 1px 6px #1b1a18, 
        0 3px 12px #1b1a18;

    --danger-button-shadow: inset 0 1px 5px #ffb799,
        0 1px 4px #201b10,
        0 2px 8px #18130c;
    --hover-danger-button-shadow: inset 0 1px 5px #ffb799,
        0 1px 3px #000000de,
        0 3px 12px #000000a6;


    --soft-continer-outer-shadow: inset 0 1px 4px #31302d, 
        0 1px 4px #21201d, 
        0 2px 8px #1e1d1b;
    --soft-hover-continer-outer-shadow: inset 0 1px 4px #31302d,
        0 1px 3px #21201d,
        0 3px 12px #141311;
    
    --big-continer-outer-shadow: 0 0 28px rgba(9, 9, 12, 0.5);
    --deep-shaow: 0 10px 55px rgba(9, 9, 12, 0.5);
    --inset-shadow: inset 0 0 16px rgba(9, 9, 12, 0.71);
    --backdrop-color: rgba(0, 0, 0, 0.5);

    --neomorphism-small-button-shadow:
            -4px -4px 8px rgb(72 73 75 / 45%), 
            4px 4px 8px rgb(9 9 12 / 40%), 
            inset 2px 2px 4px rgb(9 9 12 / 40%), 
            inset -2px -2px 4px rgb(72 73 75 / 45%);

    --neomorphism-small-button-shadow-pressed:
            4px 4px 8px rgb(72 73 75 / 45%),
            -4px -4px 8px rgb(9 9 12 / 40%),
            inset 2px 2px 4px rgb(9 9 12 / 40%),
            inset -2px -2px 4px rgb(72 73 75 / 45%);

    --glass-background: rgba(80, 80, 80, 0.1);
    --light-glass-background: rgba(80, 80, 80, 0.2);
    --glass-background-hover: rgba(60, 60, 60, 0.4);
    --glass-background-accent: rgba(80, 80, 80, 0.4);
    --glass-container-shadow: 0 4px 30px rgba(100, 100, 100, 0.1);
    --soft-glass-container-shadow: 0 4px 16px rgba(100, 100, 100, 0.1);
    --glass-container-border: 1px solid var(--border-color);
    --floating-menu-background: rgb(0 0 0 / 32%);


    --nb-button-neumorphism-border-color: linear-gradient(138deg, #272727 0%, #212121 100%);
    --nb-button-neumorphism-border-color-active: linear-gradient(-138deg, #323232 0%, #1A1A1A 100%);
    --nb-button-neumorphism-background: linear-gradient(135deg, #2b2b2a 0%, #212121 100%);
    --nb-button-neumorphism-background-hover: linear-gradient(135deg, #3E3E3E 0%, #1C1C1C 100%);
    --nb-button-neumorphism-background-active: linear-gradient(319.97deg, #323232 3.65%, #1A1A1A 96.35%);

    --nb-button-small-neumorphism-shadow-default: -5px 5px 10px rgba(9, 9, 9, 0.2),
    5px -5px 10px rgba(13, 13, 13, 0.2),
    -5px -5px 10px 1px rgba(58, 58, 58, 0.3),
    5px 5px 13px rgba(10, 10, 10, 0.26),
    inset 1px 1px 2px rgba(0, 0, 0, 0.34),
    inset -1px -1px 2px rgba(49, 49, 49, 0.5);
    
    --nb-button-neumorphism-shadow-default: -5px 5px 10px rgba(9, 9, 9, 0.2),
        5px -5px 10px rgba(13, 13, 13, 0.2),
        -5px -5px 10px 1px rgba(58, 58, 58, 0.4),
        5px 5px 13px rgba(10, 10, 10, 0.26),
        inset 1px 1px 2px rgba(0, 0, 0, 0.34),
        inset -1px -1px 2px rgba(49, 49, 49, 0.5);
    
    --nb-button-neumorphism-shadow-active: -5px 5px 10px rgba(9, 9, 9, 0.2), 
            5px -5px 10px rgba(54, 54, 54, 0.2), 
            4px 4px 10px 1px rgba(58, 58, 58, 0.4), 
            -4px -4px 13px rgba(10, 10, 10, 0.26), 
            inset -1px -1px 2px rgba(0, 0, 0, 0.34), 
            inset 1px 1px 2px rgba(49, 49, 49, 0.5);

    --status-pill-0-background: #3e3c37;
    --status-pill-0-color: #b5ae9f;
    --status-pill-0-bullet-color: #b5ae9f;
    --status-pill-0-shadow: inset 0 1px 2px #565147, 0 1px 4px #21201d, 0 2px 8px #1e1d1b;
    
    --status-pill-1-background: #8cbf4c;
    --status-pill-1-color: #203f0f;
    --status-pill-1-bullet-color: #325a07;
    --status-pill-1-shadow: inset 0 1px 2px #e6ffc6, 0 1px 4px #21201d, 0 2px 8px #1e1d1b;

    --status-pill-2-background: #d5a945;
    --status-pill-2-color: #3a2e06;
    --status-pill-2-bullet-color: #6f4c00;
    --status-pill-2-shadow: inset 0 1px 2px #fbe6b6, 0 1px 4px #21201d, 0 2px 8px #1c1b19;

    --status-pill-3-background: #d17551;
    --status-pill-3-color: #481b0a;
    --status-pill-3-bullet-color: #7b2200;
    --status-pill-3-shadow: inset 0 1px 2px #f0c2b3, 0 1px 4px #21201d, 0 2px 8px #201e1d;

    --status-pill-4-background: #d38d45;
    --status-pill-4-color: #452802;
    --status-pill-4-bullet-color: #5a3303;
    --status-pill-4-shadow: inset 0 1px 2px #f2cca9, 0 1px 4px #21201d, 0 2px 8px #201e1d;
    
    --img-icon-shadow: drop-shadow(0 0 0.25rem #18130c);
}