/* @charset "UTF-8"; */
:root {
	/* =========================================================
	BRAND & SEMANTIC COLORS (50–900)
	RGB values only → Tailwind adds alpha
	========================================================= */

	/* Logo */
	--core-logo: url("https://tsa.core.tz/auth/uploads/38f2Ff919888EA64Fa26a219.png");

	/* Brand */ 
	--core-brand-100: 229 251 254;
	--core-brand-200: 191 246 253;
	--core-brand-300: 153 241 253;
	--core-brand-400: 76 231 251;
	--core-brand-700: 0 165 187;
	--core-brand-800: 0 132 150;
	--core-brand-900: 0 99 112;
	--core-brand-50: 242 253 254;
	--core-brand-500: 0 221 250;
	--core-brand-600: 0 198 225;

	/* Primary */ 
	--core-primary-900: 0 99 112;
	--core-primary-300: 153 241 253;
	--core-primary-500: 0 221 250;
	--core-primary-700: 0 165 187;
	--core-primary-50: 242 253 254;
	--core-primary-100: 229 251 254;
	--core-primary-200: 191 246 253;
	--core-primary-400: 76 231 251;
	--core-primary-600: 0 198 225;
	--core-primary-800: 0 132 150;

	/* Secondary */ 
	--core-secondary-50: 242 242 242;
	--core-secondary-400: 76 76 76;
	--core-secondary-500: 0 0 0;
	--core-secondary-700: 0 0 0;
	--core-secondary-800: 0 0 0;
	--core-secondary-100: 229 229 229;
	--core-secondary-200: 191 191 191;
	--core-secondary-300: 153 153 153;
	--core-secondary-600: 0 0 0;
	--core-secondary-900: 0 0 0;

	/* Success */ 
	--core-success-100: 229 246 242;
	--core-success-200: 191 233 224;
	--core-success-300: 153 220 205;
	--core-success-500: 0 168 132;
	--core-success-600: 0 151 118;
	--core-success-800: 0 100 79;
	--core-success-400: 76 194 168;
	--core-success-700: 0 126 99;
	--core-success-900: 0 75 59;
	--core-success-50: 242 250 248;

	/* Danger */ 
	--core-danger-300: 249 185 185;
	--core-danger-400: 244 133 133;
	--core-danger-600: 216 73 73;
	--core-danger-700: 180 61 61;
	--core-danger-900: 107 36 36;
	--core-danger-50: 254 246 246;
	--core-danger-100: 253 237 237;
	--core-danger-200: 251 211 211;
	--core-danger-500: 240 82 82;
	--core-danger-800: 144 49 49;

	/* Warning */ 
	--core-warning-200: 252 240 208;
	--core-warning-400: 248 213 124;
	--core-warning-500: 246 195 68;
	--core-warning-700: 184 146 51;
	--core-warning-800: 147 117 40;
	--core-warning-900: 110 87 30;
	--core-warning-50: 254 252 245;
	--core-warning-100: 254 249 236;
	--core-warning-300: 251 231 180;
	--core-warning-600: 221 175 61;

	/* Info */ 
	--core-info-50: 246 251 255;
	--core-info-100: 237 247 255;
	--core-info-200: 210 236 255;
	--core-info-600: 68 162 229;
	--core-info-700: 57 135 191;
	--core-info-900: 34 81 114;
	--core-info-300: 183 225 255;
	--core-info-400: 129 203 255;
	--core-info-500: 76 181 255;
	--core-info-800: 45 108 153;

	/* Semantic On-Colors */
	--core-on-brand: 0 0 0;
	--core-on-primary: 0 0 0;
	--core-on-secondary: 255 197 11;
	--core-on-success: 255 255 255;
	--core-on-danger: 255 255 255;
	--core-on-warning: 40 37 30;
	--core-on-info: 255 255 255;

	--core-on-brand-hex: #000000;
	--core-on-primary-hex: #000000;
	--core-on-secondary-hex: #FFC50B;
	--core-on-success-hex: #FFFFFF;
	--core-on-danger-hex: #FFFFFF;
	--core-on-warning-hex: #28251e;
	--core-on-info-hex: #FFFFFF;

	/* Semantic Hex Colors */
	--core-brand-hex: #00ddfa;
	--core-primary-hex: #00ddfa;
	--core-secondary-hex: #000000;
	--core-success-hex: #00A884;
	--core-danger-hex: #F05252;
	--core-warning-hex: #F6C344;
	--core-info-hex: #4CB5FF;

	--core-app-text-hex: #28251e;
	--core-body-text-hex: #28251e;
	--core-sidebar-text-hex: #718096;
	--core-header-text-hex: #28251e;
	--core-card-text-hex: #28251e;
	--core-muted-text-hex: #A0AEC0;

	--core-app-bg-hex: #F4F7F6;
	--core-body-bg-hex: #f6f6f6;
	--core-sidebar-bg-hex: #FFFFFF;
	--core-header-bg-hex: #FFFFFF;
	--core-card-bg-hex: #FFFFFF;
	--core-muted-bg-hex: #EDF2F1;


	/* =========================================================
	BACKGROUNDS
	========================================================= */
	--core-app-bg: 244 247 246;
	--core-body-bg: 246 246 246;
	--core-sidebar-bg: 255 255 255;
	--core-header-bg: 255 255 255;
	--core-card-bg: 255 255 255;
	--core-muted-bg: 237 242 241;


	/* =========================================================
	TEXT 
	========================================================= */
	--core-app-text: 40 37 30;
	--core-body-text: 45 55 72;
	--core-sidebar-text: 113 128 150;
	--core-header-text: 40 37 30;
	--core-card-text: 40 37 30;
	--core-muted-text: 160 174 192;


	/* =========================================================
	BORDERS / OUTLINES / RINGS
	========================================================= */
	/* Borders */
	--core-app-border: 226 232 240;
	--core-body-border: 226 232 240;
	--core-sidebar-border: 226 232 240;
	--core-header-border: 226 232 240;
	--core-card-border: 226 232 240;
	--core-muted-border: 237 242 241;

	/* Outlines */
	--core-app-outline: 0 168 132;
	--core-body-outline: 0 168 132;
	--core-sidebar-outline: 0 168 132;
	--core-header-outline: 0 168 132;
	--core-card-outline: 0 168 132;
	--core-muted-outline: 148 163 184;

	/* Default Border Color */
	--core-border-color: 203 213 225;


	/* =========================================================
	SVG
	========================================================= */
	--core-fill-color: 148 163 184;
	--core-stroke-color: 255 255 255;


	/* =========================================================
	RADIUS
	========================================================= */
	--core-radius-sm: 6px;
	--core-radius-md: 12px;
	--core-radius-lg: 20px;


	/* =========================================================
	SHADOWS
	========================================================= */
	--core-shadow-sm: 0 2px 4px 0 rgba(0,0,0,0.3);
	--core-shadow-md: 0 8px 16px -4px rgba(0,0,0,0.5);


	/* =========================================================
	FONTS
	========================================================= */
	--core-font-sans: Inter;
	--core-font-serif: Georgia;
	--core-font-mono: "JetBrains Mono";
}

.dark {
	/* =========================================================
	BRAND & SEMANTIC COLORS (50–900)
	RGB values only → Tailwind adds alpha
	========================================================= */

	/* Logo */
	--core-logo: url("https://tsa.core.tz/auth/uploads/72Df68b52dA754FE6a27A441.png");

	/* Semantic Hex Colors */
	--core-app-text-hex: #94A3B8;
	--core-body-text-hex: #94A3B8;
	--core-sidebar-text-hex: #94A3B8;
	--core-header-text-hex: #94A3B8;
	--core-card-text-hex: #FFFFFF;
	--core-muted-text-hex: #94A3B8;

	--core-app-bg-hex: #1f2629;
	--core-body-bg-hex: #1f2529;
	--core-sidebar-bg-hex: #272f34;
	--core-header-bg-hex: #1f2629;
	--core-card-bg-hex: #273034;
	--core-muted-bg-hex: #323743;

	
	/* =========================================================
	BACKGROUNDS
	========================================================= */
	--core-app-bg: 31 38 41;
	--core-body-bg: 31 37 41;
	--core-sidebar-bg: 39 47 52;
	--core-header-bg: 31 38 41;
	--core-card-bg: 39 48 52;
	--core-muted-bg: 50 55 67;


	/* =========================================================
	TEXT
	========================================================= */
	--core-app-text: 148 163 184;
	--core-body-text: 148 163 184;
	--core-sidebar-text: 148 163 184;
	--core-header-text: 148 163 184;
	--core-card-text: 255 255 255;
	--core-muted-text: 148 163 184;


	/* =========================================================
	BORDERS / OUTLINES / RINGS
	========================================================= */
	/* Borders */
	--core-app-border: 45 50 62;
	--core-body-border: 45 50 62;
	--core-sidebar-border: 45 50 62;
	--core-header-border: 45 50 62;
	--core-card-border: 45 50 62;
	--core-muted-border: 50 55 67;

	/* Outlines */
	--core-app-outline: 0 168 132;
	--core-body-outline: 0 168 132;
	--core-sidebar-outline: 0 168 132;
	--core-header-outline: 0 168 132;
	--core-card-outline: 0 168 132;
	--core-muted-outline: 148 163 184;

	/* Default Border Color */
	--core-border-color: 63 68 78;


	/* =========================================================
	SVG
	========================================================= */
	--core-fill-color: 148 163 184;
	--core-stroke-color: 255 255 255;
}