/* SPACE COLORS
color: #008060 !important;
color: #00bd8e !important;
*/

/* utilisaé dans : gray/assets/htmlstream/space-v2.3.1/assets/svg/illustrations/apps.svg*/
:root{
	--space-orange: #fd7e14;
	--space-warning: #fd7e14;
	--space-warning-light: rgba(241, 185, 128, .1);
	--space-warning-light: #f1b980;
	
	--space-dark: #008060;
	--space-light: #00bd8e;
}


:root{
	--glass-bg: rgba(255,255,255,0.15);
	--glass-border: rgba(255,255,255,0.35);
}
/* Glassmorphism
/* utilisation * /
/* liquid glass * /
background: var(--glass-bg);              /* semi-transparent * / 
border: 1px solid var(--glass-border);    /* léger bord * / 
box-shadow: 0 10px 30px rgba(0,0,0,0.25); 
backdrop-filter: blur(10px) saturate(120%);      /* l’essentiel * / 
-webkit-backdrop-filter: blur(10px) saturate(120%); /* safari * /
*/


:root {
	--8px: 0.5em;
	--9px: 0.5625em;
	--10px: 0.625rem;
	--11px: 0.6875rem;
	--12px: 0.75rem;
	--13px: 0.8125rem;
	--14px: 0.875rem;
	--15px: 0.9375rem;
	--16px: 1rem;
	--17px: 1.0625rem;
	--18px: 1.125rem;
	--19px: 1.1875rem;
	--20px: 1.25rem;
	--21px: 1.3125rem;
	--22px: 1.375rem;
	--23px: 1.4375rem;
	--24px: 1.5rem;
	--25px: 1.5625rem;
	--26px: 1.625rem;
	--27px: 1.6875rem;
	--28px: 1.75rem;
	--29px: 1.8125rem;
	--30px: 1.875rem;
	--31px: 1.9375rem;
	--32px: 2rem;
	--33px: 2.0625rem;
	--34px: 2.125rem;
	--35px: 2.1875rem;
	--36px: 2.25rem;
	--37px: 2.3125rem;
	--38px: 2.375rem;
	--39px: 2.4375rem;
	--40px: 2.5rem;
	--41px: 2.5625rem;
	--42px: 2.625rem;
	--43px: 2.6875rem;
	--44px: 2.75rem;
	--45px: 2.8125rem;
	--46px: 2.875rem;
	--47px: 2.9375rem;
	--48px: 3rem;
	--49px: 3.0625rem;
	--50px: 3.125rem;
	--51px: 3.1875rem;
	--52px: 3.25rem;
	--53px: 3.3125rem;
	--54px: 3.375rem;
	--55px: 3.4375rem;
	--56px: 3.5rem;
	--57px: 3.5625rem;
	--58px: 3.625rem;
	--59px: 3.6875rem;
	--60px: 3.75rem;
	--61px: 3.8125rem;
	--62px: 3.875rem;
	--63px: 3.9375rem;
	--64px: 4rem;
	
	--informatizer-breakpoint-s: 640px;
	--informatizer-breakpoint-m: 960px;
	--informatizer-breakpoint-l: 1200px;
	--informatizer-breakpoint-xl: 1600px;

	/* #6A7886 #006DFF #0075E4 #008A00 #987004 #977004 886503 FFCF00 #EE0202 */
	
	--blue-: #006DFF;
	--blue-: #0075E4;
	--blue-: #0052CC;
	--blue-: #003580;
	--blue-: #00224f;
	
	
	
	/* TOOLS
	https://uicolors.app/create
	https://accessiblepalette.com/
	https://hypejunction.github.io/color-wizard/
	https://seochecker.it/color-palette-generator#sharetool
	*/
	

	/* Base */
	--informatizer-white: #ffffff;
	--informatizer-base-white: #ffffff;
	--informatizer-always-white: #ffffff;
	--informatizer-rgb-white: 255, 255, 255;
	
	--informatizer-black: #000000;
	--informatizer-base-black: #000000;
	--informatizer-always-black: #000000;
	--informatizer-rgb-black: 0, 0, 0;
	
	--informatizer-white: #ffffff;
	--informatizer-black: #000000;
	
	--bb-secondary-button-background-regular: #F2F4F5;
	--informatizer-secondary : var( --bb-secondary-button-background-regular );
	
	
	
	--informatizer-always-gray-50 : #f9fafb;
	--informatizer-always-gray-100 : #f3f4f6;
	--informatizer-always-gray-200 : #e5e7eb;
	--informatizer-always-gray-300 : #d1d5db;
	--informatizer-always-gray-400 : #9ca3af;
	--informatizer-always-gray-500 : #6b7280;
	--informatizer-always-gray-600 : #4b5563;
	--informatizer-always-gray-700 : #374151;
	--informatizer-always-gray-800 : #1f2937;
	--informatizer-always-gray-900 : #111827;
	--informatizer-always-gray-950 : #030712;
	
	--informatizer-surface-body : var(--informatizer-gray-50);
	--informatizer-surface-white : var(--informatizer-white);
	--informatizer-surface-50 : var(--informatizer-gray-50);
	--informatizer-surface-100 : var(--informatizer-gray-100);
	--informatizer-surface-200 : var(--informatizer-gray-200);
	--informatizer-surface-300 : var(--informatizer-gray-300);
	--informatizer-surface-400 : var(--informatizer-gray-400);
	--informatizer-surface-500 : var(--informatizer-gray-500);
	--informatizer-surface-600 : var(--informatizer-gray-600);
	--informatizer-surface-700 : var(--informatizer-gray-700);
	--informatizer-surface-800 : var(--informatizer-gray-800);
	--informatizer-surface-900 : var(--informatizer-gray-900);
	--informatizer-surface-950 : var(--informatizer-gray-950);
	
	/*----------------- oklch tailwind ------------------- */
	
	/*slate*/
	--informatizer-gray-50: oklch(0.984 0.003 247.858);
	--informatizer-gray-100: oklch(0.968 0.007 247.896);
	--informatizer-gray-200: oklch(0.929 0.013 255.508);
	--informatizer-gray-300: oklch(0.869 0.022 252.894);
	--informatizer-gray-400: oklch(0.704 0.04 256.788);
	--informatizer-gray-500: oklch(0.554 0.046 257.417);
	--informatizer-gray-600: oklch(0.446 0.043 257.281);
	--informatizer-gray-700: oklch(0.372 0.044 257.287);
	--informatizer-gray-800: oklch(0.279 0.041 260.031);
	--informatizer-gray-900: oklch(0.208 0.042 265.755);
	--informatizer-gray-950: oklch(0.129 0.042 264.695);
	/*gray*/
	--informatizer-gray-50: oklch(0.985 0.002 247.839);
	--informatizer-gray-100: oklch(0.967 0.003 264.542);
	--informatizer-gray-200: oklch(0.928 0.006 264.531);
	--informatizer-gray-300: oklch(0.872 0.01 258.338);
	--informatizer-gray-400: oklch(0.707 0.022 261.325);
	--informatizer-gray-500: oklch(0.551 0.027 264.364);
	--informatizer-gray-600: oklch(0.446 0.03 256.802);
	--informatizer-gray-700: oklch(0.373 0.034 259.733);
	--informatizer-gray-800: oklch(0.278 0.033 256.848);
	--informatizer-gray-900: oklch(0.21 0.034 264.665);
	--informatizer-gray-950: oklch(0.13 0.028 261.692);
	/*mine*/
	--informatizer-gray-0: #ffffff;
	--informatizer-gray-25: #fafafa;
	--informatizer-gray-50: #f6f7f9;
	--informatizer-gray-100: #eceef2;
	--informatizer-gray-200: #d5d9e2;
	--informatizer-gray-300: #b1bbc8;
	--informatizer-gray-400: #8695aa;
	--informatizer-gray-500: #64748b; /*default*/
	--informatizer-gray-600: #526077;
	--informatizer-gray-700: #434e61;
	--informatizer-gray-800: #3a4252;
	--informatizer-gray-900: #343a46;
	--informatizer-gray-950: #23272e;
	
	--informatizer-primary-50: oklch(0.97 0.014 254.604);
	--informatizer-primary-100: oklch(0.932 0.032 255.585);
	--informatizer-primary-200: oklch(0.882 0.059 254.128);
	--informatizer-primary-300: oklch(0.809 0.105 251.813);
	--informatizer-primary-400: oklch(0.707 0.165 254.624);
	--informatizer-primary-500: oklch(0.623 0.214 259.815);
	--informatizer-primary-600: oklch(0.546 0.245 262.881);
	--informatizer-primary-700: oklch(0.488 0.243 264.376);
	--informatizer-primary-800: oklch(0.424 0.199 265.638);
	--informatizer-primary-900: oklch(0.379 0.146 265.522);
	--informatizer-primary-950: oklch(0.282 0.091 267.935);
	
	--informatizer-primary-50: oklch(0.977 0.013 236.62);
	--informatizer-primary-100: oklch(0.951 0.026 236.824);
	--informatizer-primary-200: oklch(0.901 0.058 230.902);
	--informatizer-primary-300: oklch(0.828 0.111 230.318);
	--informatizer-primary-400: oklch(0.746 0.16 232.661);
	--informatizer-primary-500: oklch(0.685 0.169 237.323);
	--informatizer-primary-600: oklch(0.588 0.158 241.966);
	--informatizer-primary-700: oklch(0.5 0.134 242.749);
	--informatizer-primary-800: oklch(0.443 0.11 240.79);
	--informatizer-primary-900: oklch(0.391 0.09 240.876);
	--informatizer-primary-950: oklch(0.293 0.066 243.157);
	
	--informatizer-success-50: oklch(0.982 0.018 155.826);
	--informatizer-success-100: oklch(0.962 0.044 156.743);
	--informatizer-success-200: oklch(0.925 0.084 155.995);
	--informatizer-success-300: oklch(0.871 0.15 154.449);
	--informatizer-success-400: oklch(0.792 0.209 151.711);
	--informatizer-success-500: oklch(0.723 0.219 149.579);
	--informatizer-success-600: oklch(0.627 0.194 149.214);
	--informatizer-success-700: oklch(0.527 0.154 150.069);
	--informatizer-success-800: oklch(0.448 0.119 151.328);
	--informatizer-success-900: oklch(0.393 0.095 152.535);
	--informatizer-success-950: oklch(0.266 0.065 152.934);
	
	--informatizer-warning-50: oklch(0.987 0.026 102.212);
	--informatizer-warning-100: oklch(0.973 0.071 103.193);
	--informatizer-warning-200: oklch(0.945 0.129 101.54);
	--informatizer-warning-300: oklch(0.905 0.182 98.111);
	--informatizer-warning-400: oklch(0.852 0.199 91.936);
	--informatizer-warning-500: oklch(0.795 0.184 86.047);
	--informatizer-warning-600: oklch(0.681 0.162 75.834);
	--informatizer-warning-700: oklch(0.554 0.135 66.442);
	--informatizer-warning-800: oklch(0.476 0.114 61.907);
	--informatizer-warning-900: oklch(0.421 0.095 57.708);
	--informatizer-warning-950: oklch(0.286 0.066 53.813);
	
	--informatizer-danger-50: oklch(0.971 0.013 17.38);
	--informatizer-danger-100: oklch(0.936 0.032 17.717);
	--informatizer-danger-200: oklch(0.885 0.062 18.334);
	--informatizer-danger-300: oklch(0.808 0.114 19.571);
	--informatizer-danger-400: oklch(0.704 0.191 22.216);
	--informatizer-danger-500: oklch(0.637 0.237 25.331);
	--informatizer-danger-600: oklch(0.577 0.245 27.325);
	--informatizer-danger-700: oklch(0.505 0.213 27.518);
	--informatizer-danger-800: oklch(0.444 0.177 26.899);
	--informatizer-danger-900: oklch(0.396 0.141 25.723);
	--informatizer-danger-950: oklch(0.258 0.092 26.042);
	
	
	
	/* ----------- --------------- */
	
	--informatizer-slate-50: oklch(0.984 0.003 247.858);
	--informatizer-slate-100: oklch(0.968 0.007 247.896);
	--informatizer-slate-200: oklch(0.929 0.013 255.508);
	--informatizer-slate-300: oklch(0.869 0.022 252.894);
	--informatizer-slate-400: oklch(0.704 0.04 256.788);
	--informatizer-slate-500: oklch(0.554 0.046 257.417);
	--informatizer-slate-600: oklch(0.446 0.043 257.281);
	--informatizer-slate-700: oklch(0.372 0.044 257.287);
	--informatizer-slate-800: oklch(0.279 0.041 260.031);
	--informatizer-slate-900: oklch(0.208 0.042 265.755);
	--informatizer-slate-950: oklch(0.129 0.042 264.695);
	
	--informatizer-blue-50: oklch(0.97 0.014 254.604);
	--informatizer-blue-100: oklch(0.932 0.032 255.585);
	--informatizer-blue-200: oklch(0.882 0.059 254.128);
	--informatizer-blue-300: oklch(0.809 0.105 251.813);
	--informatizer-blue-400: oklch(0.707 0.165 254.624);
	--informatizer-blue-500: oklch(0.623 0.214 259.815);
	--informatizer-blue-600: oklch(0.546 0.245 262.881);
	--informatizer-blue-700: oklch(0.488 0.243 264.376);
	--informatizer-blue-800: oklch(0.424 0.199 265.638);
	--informatizer-blue-900: oklch(0.379 0.146 265.522);
	--informatizer-blue-950: oklch(0.282 0.091 267.935);
	
	--informatizer-blue-50: oklch(0.977 0.013 236.62);
	--informatizer-blue-100: oklch(0.951 0.026 236.824);
	--informatizer-blue-200: oklch(0.901 0.058 230.902);
	--informatizer-blue-300: oklch(0.828 0.111 230.318);
	--informatizer-blue-400: oklch(0.746 0.16 232.661);
	--informatizer-blue-500: oklch(0.685 0.169 237.323);
	--informatizer-blue-600: oklch(0.588 0.158 241.966);
	--informatizer-blue-700: oklch(0.5 0.134 242.749);
	--informatizer-blue-800: oklch(0.443 0.11 240.79);
	--informatizer-blue-900: oklch(0.391 0.09 240.876);
	--informatizer-blue-950: oklch(0.293 0.066 243.157);
	
	--informatizer-green-50: oklch(0.982 0.018 155.826);
	--informatizer-green-100: oklch(0.962 0.044 156.743);
	--informatizer-green-200: oklch(0.925 0.084 155.995);
	--informatizer-green-300: oklch(0.871 0.15 154.449);
	--informatizer-green-400: oklch(0.792 0.209 151.711);
	--informatizer-green-500: oklch(0.723 0.219 149.579);
	--informatizer-green-600: oklch(0.627 0.194 149.214);
	--informatizer-green-700: oklch(0.527 0.154 150.069);
	--informatizer-green-800: oklch(0.448 0.119 151.328);
	--informatizer-green-900: oklch(0.393 0.095 152.535);
	--informatizer-green-950: oklch(0.266 0.065 152.934);
	
	--informatizer-yellow-50: oklch(0.987 0.026 102.212);
	--informatizer-yellow-100: oklch(0.973 0.071 103.193);
	--informatizer-yellow-200: oklch(0.945 0.129 101.54);
	--informatizer-yellow-300: oklch(0.905 0.182 98.111);
	--informatizer-yellow-400: oklch(0.852 0.199 91.936);
	--informatizer-yellow-500: oklch(0.795 0.184 86.047);
	--informatizer-yellow-600: oklch(0.681 0.162 75.834);
	--informatizer-yellow-700: oklch(0.554 0.135 66.442);
	--informatizer-yellow-800: oklch(0.476 0.114 61.907);
	--informatizer-yellow-900: oklch(0.421 0.095 57.708);
	--informatizer-yellow-950: oklch(0.286 0.066 53.813);
	
	--informatizer-red-50: oklch(0.971 0.013 17.38);
	--informatizer-red-100: oklch(0.936 0.032 17.717);
	--informatizer-red-200: oklch(0.885 0.062 18.334);
	--informatizer-red-300: oklch(0.808 0.114 19.571);
	--informatizer-red-400: oklch(0.704 0.191 22.216);
	--informatizer-red-500: oklch(0.637 0.237 25.331);
	--informatizer-red-600: oklch(0.577 0.245 27.325);
	--informatizer-red-700: oklch(0.505 0.213 27.518);
	--informatizer-red-800: oklch(0.444 0.177 26.899);
	--informatizer-red-900: oklch(0.396 0.141 25.723);
	--informatizer-red-950: oklch(0.258 0.092 26.042);
	
	--informatizer-font-family-sans-serif: system-ui, ".SF NS Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Roboto", Roboto, Droid Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', "Segoe UI Symbol", "Noto Color Emoji";
	--informatizer-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Consolas", "Liberation Mono", "Courier New", Courier, "Bitstream Vera Sans Mono", monospace;
}




:root.dark,
:root .dark {

	/* #6A7886 #006DFF #0075E4 #008A00 #987004 #977004 886503 FFCF00 #EE0202 */
	
	--blue-: #006DFF;
	--blue-: #0075E4;
	--blue-: #0052CC;
	--blue-: #003580;
	--blue-: #00224f;
	

	/* Base */
	--informatizer-white: #000000;
	--informatizer-base-white: #000000;
	--informatizer-always-white: #FFFFFF;
	--informatizer-rgb-white: 255, 255, 255;
	
	--informatizer-black: #b1bbc8; /*ffffff*/
	--informatizer-base-black: #b1bbc8; /*ffffff*/
	--informatizer-always-black: #000000;
	--informatizer-rgb-black: 0, 0, 0;
	
	/* https://uicolors.app/create */
	--informatizer-gray-950: #f6f7f9;
	--informatizer-gray-900: #eceef2;
	--informatizer-gray-800: #d5d9e2;
	--informatizer-gray-700: #b1bbc8;
	--informatizer-gray-600: #8695aa;
	--informatizer-gray-500: #64748b; /*default*/
	--informatizer-gray-400: #526077;
	--informatizer-gray-300: #434e61;
	--informatizer-gray-200: #3a4252;
	--informatizer-gray-100: #343a46;
	--informatizer-gray-50: #23272e;
	--informatizer-gray-0: #000000;
	
	--informatizer-always-gray-950 : #f9fafb;
	--informatizer-always-gray-900 : #f3f4f6;
	--informatizer-always-gray-800 : #e5e7eb;
	--informatizer-always-gray-700 : #d1d5db;
	--informatizer-always-gray-600 : #9ca3af;
	--informatizer-always-gray-500 : #6b7280;
	--informatizer-always-gray-400 : #4b5563;
	--informatizer-always-gray-300 : #374151;
	--informatizer-always-gray-200 : #1f2937;
	--informatizer-always-gray-100 : #111827;
	--informatizer-always-gray-50 : #030712;
	
	--informatizer-surface-body : var(--informatizer-gray-50);
	--informatizer-surface-white : var(--informatizer-white);
	--informatizer-surface-950 : var(--informatizer-gray-50);
	--informatizer-surface-900 : var(--informatizer-gray-100);
	--informatizer-surface-800 : var(--informatizer-gray-200);
	--informatizer-surface-700 : var(--informatizer-gray-300);
	--informatizer-surface-600 : var(--informatizer-gray-400);
	--informatizer-surface-500 : var(--informatizer-gray-500);
	--informatizer-surface-400 : var(--informatizer-gray-600);
	--informatizer-surface-300 : var(--informatizer-gray-700);
	--informatizer-surface-200 : var(--informatizer-gray-800);
	--informatizer-surface-100 : var(--informatizer-gray-900);
	--informatizer-surface-50 : var(--informatizer-gray-950);
	
	/* primary */
	--informatizer-primary-950: #edfbff;
	--informatizer-primary-900: #d6f3ff;
	--informatizer-primary-800: #b5edff;
	--informatizer-primary-700: #83e3ff;
	--informatizer-primary-600: #48d1ff;
	--informatizer-primary-500: #1eb4ff;
	--informatizer-primary-400: #0697ff;
	--informatizer-primary-300: #0075e4; /*default*/
	--informatizer-primary-200: #0863c5;
	--informatizer-primary-100: #0d569b;
	--informatizer-primary-50: #0e345d;
	/* Success */
	--informatizer-success-950: #e9ffe4;
	--informatizer-success-900: #ccffc4;
	--informatizer-success-800: #9eff90;
	--informatizer-success-700: #5fff50;
	--informatizer-success-600: #29fe1d;
	--informatizer-success-500: #07e500;
	--informatizer-success-400: #00b800;
	--informatizer-success-300: #008a00; /*default*/
	--informatizer-success-200: #076d08;
	--informatizer-success-100: #0b5c0d;
	--informatizer-success-50: #003404;
	/* warning */
	--informatizer-warning-950: #fffce7;
	--informatizer-warning-900: #fff9c0;
	--informatizer-warning-800: #fff185;
	--informatizer-warning-700: #ffe13f;
	--informatizer-warning-600: #ffcb0b;
	--informatizer-warning-500: #f4b100;
	--informatizer-warning-400: #d38700;
	--informatizer-warning-300: #b06300; /*default*/
	--informatizer-warning-200: #8a4909;
	--informatizer-warning-100: #753c0e;
	--informatizer-warning-50: #451e03;
	/* Danger */
	--informatizer-danger-950: #fff0f0;
	--informatizer-danger-900: #ffdddd;
	--informatizer-danger-800: #ffc1c1;
	--informatizer-danger-700: #ff9595;
	--informatizer-danger-600: #ff5959;
	--informatizer-danger-500: #ff2626;
	--informatizer-danger-400: #fc0606;
	--informatizer-danger-300: #eb0000; /*default*/
	--informatizer-danger-200: #af0505;
	--informatizer-danger-100: #900c0c;
	--informatizer-danger-50: #500000;
}