/* ===== CSS Variables - Snow Edition (Default) ===== */
:root{
	--bg-primary: #FFFFFF;
    --bg-secondary: #F8FAFC;
    --bg-surface: #efefef;
    --border-color: #E2E8F0;
    --text-primary: #232323;
    --text-secondary: #959595;
    --accent: rgba(255, 192, 60, 1);
    --accent-hover: rgb(230, 161, 14);
    --accent-light: rgba(255, 192, 60, 0.1);
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;
    --shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 2px 2px 12px rgba(0, 0, 0, 0.2);
	--header-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	--sidenav-shadow: 2px 53px 10px rgba(0, 0, 0, 0.1);
    --transition: all 0.2s ease;
	--black-color: #000;
	--white-color: #fff;

	/*========================================================*/

	--g-primary-color: #014c35; /* rgba(1, 76, 53, 1) */
	--y-primary-color: #ffc03c; /* rgba(255, 192, 60, 1) */
	--lg-primary-color: #007552; /* rgba(0, 117, 82, 1) */ 
	--ly-primary-color: #fdcf6d; /* rgba(253, 207, 109, 1) */
	--dg-primary-color: #013c2a; /* rgba(1, 60, 42, 1) */
	--dy-primary-color: #cd8e0a; /* rgba(205, 142, 10, 1) */

	/*========================================================*/

	--gt-primary-color: rgba(1, 76, 53, 0.8);
	--yt-primary-color: rgba(255, 192, 60, 0.8);
	--lgt-primary-color: rgba(0, 117, 82, 0.8);
	--lyt-primary-color: rgba(253, 207, 109, 0.8);
	--dgt-primary-color: rgba(1, 60, 42, 0.8);
	--dyt-primary-color: rgba(205, 142, 10, 0.8);

	/*========================================================*/

	--font-family: "Nunito", "Segoe UI", arial;
	--root-font-size: 14px;
	--sidebar-color: #fff;
	--topbar-color: #fff;
	--blue-color: #4f46e5;
	--light-color: rgb(247, 247, 247);
	--dark-color: rgb(15, 15, 15);

}

/* ===== Carbon Edition (Dark Mode) ===== */
/* Applied to html for instant load, and body for JS toggle */
html.carbon,
body.carbon {
    --bg-primary: #0F0F0F;
    --bg-secondary: #171717;
    --bg-surface: #1F1F1F;
    --border-color: #2E2E2E;
    --text-primary: #F5F5F5;
    --text-secondary: #a2a2a2;
   --accent: rgba(255, 192, 60, 1);
    --accent-hover: rgb(230, 161, 14);
    --accent-light: rgba(255, 192, 60, 0.15);
    --shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 2px 2px 12px rgba(0, 0, 0, 0.4);
	--header-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
	--sidenav-shadow: 2px 53px 10px rgba(0, 0, 0, 0.7);
	--black-color: #fff;
	--white-color: #000;
}