/*
	Светлая тема административного раздела AEngine.
	Имена семантических переменных совпадают с темами Sensei (`sensei-themes/blue`),
	поэтому стили `libs/_core/` из Sensei подхватывают цвета AEngine без правок.
*/
:root {
	/**
	 * Palette
	 */

	--sensei-color-gray-90: #242424; /* 36, 36, 36 */
	--sensei-color-gray-85: #272727; /* 39, 39, 39 */
	--sensei-color-gray-75: #444; /* 68, 68, 68 */
	--sensei-color-gray-40: #999; /* 153, 153, 153 */
	--sensei-color-gray-35: #AAA; /* 170, 170, 170 */
	--sensei-color-gray-15: #DEDEDE; /* 222, 222, 222 */
	--sensei-color-gray-10: #F0F0F0; /* 240, 240, 240 */
	--sensei-color-gray-5: #F1F1F1; /* 241, 241, 241 */

	--sensei-color-blue-70: #0C9ECA; /* 12, 158, 202 */
	--sensei-color-blue-60: #11A9D9; /* 17, 169, 217 */
	--sensei-color-blue-50: #00C0F7; /* 0, 192, 247 */
	--sensei-color-blue-40: #5AF; /* 85, 170, 255 */
	--sensei-color-blue-30: #51D6FD; /* 81, 214, 253 */
	--sensei-color-blue-15: #AAE4F4; /* 170, 228, 244 */
	--sensei-color-blue-10: #D1ECF4; /* 209, 236, 244 */

	--sensei-color-red: #F44; /* 255, 68, 68 */
	--sensei-color-green: #4F4; /* 68, 255, 68 */
	--sensei-color-orange: #FA0; /* 255, 170, 0 */

	--sensei-color-white: #FFF;
	--sensei-color-black: #000;

	/**
	 * Semantic colors
	 */

	/* Backgrounds / surfaces */
	--sensei-color-canvas: var(--sensei-color-white);
	--sensei-color-surface: var(--sensei-color-white);
	--sensei-color-surface-deep: var(--sensei-color-gray-90);
	--sensei-color-surface-alt: var(--sensei-color-gray-5);
	--sensei-color-surface-accent: var(--sensei-color-gray-15);
	--sensei-color-surface-accent-hover: var(--sensei-color-gray-10);
	--sensei-color-surface-highlight: var(--sensei-color-gray-10);
	--sensei-color-logo: var(--sensei-color-blue-50);

	/* Fields / controls */
	--sensei-color-field: var(--sensei-color-blue-10);
	--sensei-color-field-focus: var(--sensei-color-blue-15);

	/* Text */
	--sensei-color-text: var(--sensei-color-gray-85);
	--sensei-color-text-secondary: var(--sensei-color-gray-75);
	--sensei-color-text-muted: var(--sensei-color-gray-40);
	--sensei-color-text-inverse: var(--sensei-color-white);

	/* Accent / interaction */
	--sensei-color-accent: var(--sensei-color-blue-60);
	--sensei-color-accent-hover: var(--sensei-color-blue-70);
	--sensei-color-accent-muted: var(--sensei-color-blue-30);
	--sensei-color-link: var(--sensei-color-blue-50);
	--sensei-color-focus: var(--sensei-color-blue-50);

	/* Borders */
	--sensei-color-border: var(--sensei-color-blue-40);
	--sensei-color-border-muted: var(--sensei-color-gray-35);
	--sensei-color-border-accent: var(--sensei-color-accent);
	--sensei-color-border-contrast: var(--sensei-color-gray-90);

	/* States */
	--sensei-color-success: var(--sensei-color-green);
	--sensei-color-warning: var(--sensei-color-orange);
	--sensei-color-danger: var(--sensei-color-red);

	/* Selection */
	--sensei-color-selection: var(--sensei-color-blue-50);
	--sensei-color-selection-text: var(--sensei-color-text-inverse);
}
