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

	/* Logo */
	--core-logo: url("https://yekonga.core.tz/core/image/logo.svg");
	--core-logo-light: url("https://yekonga.core.tz/core/image/logo.svg");
	--core-logo-dark: url("https://yekonga.core.tz/core/image/logo-white.svg");

	/* Brand */ 
	--core-brand-50: 253 245 245;
	--core-brand-100: 252 236 235;
	--core-brand-200: 248 209 205;
	--core-brand-500: 227 71 58;
	--core-brand-600: 204 63 52;
	--core-brand-800: 136 42 34;
	--core-brand-900: 102 31 26;
	--core-brand-950: 56 17 14;
	--core-brand-300: 243 181 176;
	--core-brand-400: 235 126 117;
	--core-brand-700: 170 53 43;

	/* Primary */ 
	--core-primary-500: 227 71 58;
	--core-primary-700: 170 53 43;
	--core-primary-800: 136 42 34;
	--core-primary-900: 102 31 26;
	--core-primary-200: 248 209 205;
	--core-primary-600: 204 63 52;
	--core-primary-950: 56 17 14;
	--core-primary-50: 253 245 245;
	--core-primary-100: 252 236 235;
	--core-primary-300: 243 181 176;
	--core-primary-400: 235 126 117;

	/* Secondary */ 
	--core-secondary-400: 234 197 118;
	--core-secondary-500: 226 173 60;
	--core-secondary-600: 203 155 54;
	--core-secondary-700: 169 129 45;
	--core-secondary-900: 101 77 26;
	--core-secondary-950: 56 43 15;
	--core-secondary-100: 252 246 235;
	--core-secondary-300: 243 222 177;
	--core-secondary-800: 135 103 36;
	--core-secondary-50: 253 250 245;
	--core-secondary-200: 247 234 206;

	/* Success */ 
	--core-success-900: 46 101 26;
	--core-success-200: 217 247 206;
	--core-success-600: 93 203 54;
	--core-success-700: 78 169 45;
	--core-success-800: 62 135 36;
	--core-success-950: 26 56 15;
	--core-success-50: 247 253 245;
	--core-success-100: 239 252 235;
	--core-success-300: 194 243 177;
	--core-success-400: 149 234 118;
	--core-success-500: 104 226 60;

	/* Danger */ 
	--core-danger-200: 248 209 205;
	--core-danger-400: 235 126 117;
	--core-danger-800: 136 42 34;
	--core-danger-950: 56 17 14;
	--core-danger-50: 253 245 245;
	--core-danger-300: 243 181 176;
	--core-danger-500: 227 71 58;
	--core-danger-600: 204 63 52;
	--core-danger-700: 170 53 43;
	--core-danger-900: 102 31 26;
	--core-danger-100: 252 236 235;

	/* Warning */ 
	--core-warning-50: 253 250 245;
	--core-warning-100: 252 246 235;
	--core-warning-200: 247 234 206;
	--core-warning-400: 234 197 118;
	--core-warning-700: 169 129 45;
	--core-warning-900: 101 77 26;
	--core-warning-300: 243 222 177;
	--core-warning-500: 226 173 60;
	--core-warning-600: 203 155 54;
	--core-warning-800: 135 103 36;
	--core-warning-950: 56 43 15;

	/* Info */ 
	--core-info-100: 235 252 249;
	--core-info-500: 60 226 198;
	--core-info-700: 45 169 148;
	--core-info-800: 36 135 118;
	--core-info-950: 15 56 49;
	--core-info-50: 245 253 252;
	--core-info-200: 206 247 240;
	--core-info-300: 177 243 232;
	--core-info-400: 118 234 215;
	--core-info-600: 54 203 178;
	--core-info-900: 26 101 89;

	/* Semantic On-Colors */
	--core-on-brand: 255 255 255;
	--core-on-primary: 255 255 255;
	--core-on-secondary: 255 197 11;
	--core-on-success: 255 255 255;
	--core-on-danger: 255 255 255;
	--core-on-warning: 41 31 31;
	--core-on-info: 255 255 255;

	--core-on-brand-hex: #ffffff;
	--core-on-primary-hex: #ffffff;
	--core-on-secondary-hex: #FFC50B;
	--core-on-success-hex: #FFFFFF;
	--core-on-danger-hex: #FFFFFF;
	--core-on-warning-hex: #291f1f;
	--core-on-info-hex: #FFFFFF;

	/* Semantic Hex Colors */
	--core-brand-hex: #E3473A;
	--core-primary-hex: #E3473A;
	--core-secondary-hex: #e2ad3c;
	--core-success-hex: #68e23c;
	--core-danger-hex: #E3473A;
	--core-warning-hex: #e2ad3c;
	--core-info-hex: #3ce2c6;

	--core-app-text-hex: #291f1f;
	--core-body-text-hex: #291f1f;
	--core-sidebar-text-hex: #718096;
	--core-header-text-hex: #291f1f;
	--core-card-text-hex: #291f1f;
	--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: 41 31 31;
	--core-body-text: 45 55 72;
	--core-sidebar-text: 113 128 150;
	--core-header-text: 41 31 31;
	--core-card-text: 41 31 31;
	--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: 227 71 58;
	--core-body-outline: 227 71 58;
	--core-sidebar-outline: 227 71 58;
	--core-header-outline: 227 71 58;
	--core-card-outline: 227 71 58;
	--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://yekonga.core.tz/core/image/logo-white.svg");

	/* 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: #291f1f;
	--core-body-bg-hex: #291f1f;
	--core-sidebar-bg-hex: #342727;
	--core-header-bg-hex: #291f1f;
	--core-card-bg-hex: #342727;
	--core-muted-bg-hex: #323743;

	
	/* =========================================================
	BACKGROUNDS
	========================================================= */
	--core-app-bg: 41 31 31;
	--core-body-bg: 41 31 31;
	--core-sidebar-bg: 52 39 39;
	--core-header-bg: 41 31 31;
	--core-card-bg: 52 39 39;
	--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: 227 71 58;
	--core-body-outline: 227 71 58;
	--core-sidebar-outline: 227 71 58;
	--core-header-outline: 227 71 58;
	--core-card-outline: 227 71 58;
	--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;
}