:root {
	/* Default theme: brand controls the shell, accent controls interactions. */
	--aic-brand-950: #15181F;
	--aic-brand-900: #1B1F27;
	--aic-brand-800: #2E3239;
	--aic-brand-700: #44474F;
	--aic-brand-600: #5D6067;
	--aic-brand-500: #7A7D82;
	--aic-brand-400: #9B9DA1;
	--aic-brand-300: #BABCBF;
	--aic-brand-200: #D6D7D9;
	--aic-brand-100: #EAEBEC;
	--aic-brand-050: #F6F6F6;

	--aic-accent-950: #0A143C;
	--aic-accent-900: #101F5F;
	--aic-accent-800: #182B89;
	--aic-accent-700: #2137B5;
	--aic-accent-600: #2841D9;
	--aic-accent-500: #476AE3;
	--aic-accent-400: #7090ED;
	--aic-accent-300: #97B1F5;
	--aic-accent-200: #BCCEFA;
	--aic-accent-100: #E2EAFD;
	--aic-accent-050: #F0F4FE;

	/* Temporary compatibility for existing consumers. */
	--aic-primary-950: var(--aic-accent-950);
	--aic-primary-900: var(--aic-accent-900);
	--aic-primary-800: var(--aic-accent-800);
	--aic-primary-700: var(--aic-accent-700);
	--aic-primary-600: var(--aic-accent-600);
	--aic-primary-500: var(--aic-accent-500);
	--aic-primary-400: var(--aic-accent-400);
	--aic-primary-300: var(--aic-accent-300);
	--aic-primary-200: var(--aic-accent-200);
	--aic-primary-100: var(--aic-accent-100);
	--aic-primary-050: var(--aic-accent-050);
	--aic-primary-gradient: linear-gradient(135deg, var(--aic-accent-800) 0%, var(--aic-accent-600) 100%);

	--aic-action-primary-bg: var(--aic-accent-600);
	--aic-action-primary-hover-bg: var(--aic-accent-700);
	--aic-focus-color: var(--aic-accent-600);
	--aic-selected-bg: var(--aic-accent-050);
	--aic-selected-mark: var(--aic-accent-600);
	--aic-sidebar-bg: var(--aic-brand-900);
	--aic-sidebar-active-shadow: inset 3px 0 0 var(--aic-accent-400);


	--aic-text: #24324A;
	--aic-text-strong: #0F172A;
	--aic-text-muted: #64748B;
	--aic-text-subtle: #94A3B8;
	--aic-text-disabled: #CBD5E1;
	--aic-text-inverse: #FFFFFF;

	--aic-bg: #F8FAFC;
	--aic-surface: #FFFFFF;
	--aic-surface-subtle: #F1F5F9;
	--aic-surface-muted: #EEF2F7;
	--aic-surface-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
	--aic-primary-soft-gradient: linear-gradient(135deg, var(--aic-accent-050) 0%, rgba(255, 255, 255, .96) 100%);
	--aic-black-rgba-05: rgba(15, 23, 42, .05);

	--aic-border: #E2E8F0;
	--aic-border-strong: #CBD5E1;

	--aic-success: #16A34A;
	--aic-success-soft: #DCFCE7;
	--aic-warning: #F97316;
	--aic-warning-soft: #FFEDD5;
	--aic-error: #EF4444;
	--aic-error-soft: #FEE2E2;
	--aic-destructive: #B91C1C;
	--aic-destructive-soft: #FEE2E2;
	--aic-danger: #B91C1C;
	--aic-danger-soft: #FEE2E2;
	--aic-info: #2563EB;
	--aic-info-soft: #DBEAFE;
	--aic-confirm: #0D9488;
	--aic-confirm-soft: #CCFBF1;
	--aic-secondary: #64748B;
	--aic-secondary-soft: #F1F5F9;

	--paragraph-gap-sm: var(--aic-space-2);
	--paragraph-gap-md: var(--aic-space-3);
	--paragraph-gap-lg: var(--aic-space-4);
	--paragraph-gap-xl: var(--aic-space-6);
	--text-block-gap-sm: var(--aic-space-3);
	--text-block-gap-md: var(--aic-space-4);
	--text-block-gap-xl: var(--aic-space-8);

	--form-control-sm: var(--aic-control-sm, 28px);
	--form-control-md: var(--aic-control-action, 40px);
	--form-control-lg: var(--aic-control-xl, 48px);
	--form-control-xl: 56px;
	--form-control-2xl: 64px;
	--form-control-padding-x-sm: var(--aic-space-2);
	--form-control-padding-x-md: var(--aic-space-3);
	--form-control-padding-x-lg: var(--aic-space-4);
	--form-control-padding-x-xl: var(--aic-space-5);
	--form-control-padding-x-2xl: var(--aic-space-6);
	--aic-text-control-width: 100%;
	--aic-text-control-height: var(--form-control-md);
	--aic-text-control-padding-x: var(--form-control-padding-x-md);
	--aic-text-control-padding-y: 0;
	--aic-text-control-radius: var(--aic-radius-md);
	--aic-text-control-border-width: 1px;
	--aic-text-control-border-color: var(--aic-border);
	--aic-text-control-bg: var(--aic-surface);
	--aic-text-control-color: var(--aic-text);
	--aic-text-control-font-size: 14px;
	--aic-text-control-font-weight: 400;
	--aic-text-control-line-height: 1.4;
	--aic-text-control-icon-size: var(--aic-text-control-height);
	--aic-text-control-2xl: 64px;
	--aic-text-control-focus-border-color: var(--aic-focus-color);
	--aic-text-control-focus-shadow: 0 0 0 3px rgba(42, 79, 199, .15);
	--aic-text-control-disabled-bg: var(--aic-surface-muted);
	--aic-text-control-disabled-color: var(--aic-text-muted);
	--aic-textarea-min-height: 120px;
	--form-field-gap-sm: var(--aic-space-1);
	--form-field-gap-md: var(--aic-space-2);
	--form-field-gap-lg: var(--aic-space-3);
	--form-field-gap-xl: var(--aic-space-4);
	--form-group-margin-bottom-sm: var(--aic-space-2);
	--form-group-margin-bottom-md: var(--aic-space-4);
	--form-group-margin-bottom-lg: var(--aic-space-5);
	--form-layout-gap-sm: var(--aic-space-2);
	--form-layout-gap-md: var(--aic-space-4);
	--form-layout-gap-lg: var(--aic-space-6);
	--form-layout-gap-xl: var(--aic-space-8);
	--aic-field-gap: var(--aic-space-2);
	--aic-form-group-margin-bottom: var(--aic-space-4);
	--aic-form-layout-gap: var(--aic-space-4);
	--btn-control-padding-x-sm: var(--aic-space-3);
	--btn-control-padding-x-md: var(--aic-space-4);
	--btn-control-padding-x-lg: var(--aic-space-5);
	--btn-control-padding-x-xl: var(--aic-space-6);
	--aic-button-width: auto;
	--aic-button-height: var(--aic-text-control-height);
	--aic-button-padding-x: var(--aic-text-control-padding-x);
	--aic-button-radius: var(--aic-text-control-radius);
	--aic-button-font-size: var(--aic-text-control-font-size);
	--aic-button-font-weight: 600;
	--aic-button-line-height: 1;
	--aic-button-gap: var(--aic-space-2);

	/* Базовые цвета */
	/* Success цвета */
	--success-rgba-20: rgba( 102, 187, 106, 0.2 );
	--success-rgba-25: rgba( 102, 187, 106, 0.25 );
	--success-rgba-30: rgba( 102, 187, 106, 0.3 );
	--success-rgba-40: rgba( 102, 187, 106, 0.4 );
	/* Danger цвета */
	--danger-rgba-20: rgba( 229, 115, 115, 0.2 );
	--danger-rgba-25: rgba( 229, 115, 115, 0.25 );
	--danger-rgba-30: rgba( 229, 115, 115, 0.3 );
	--danger-rgba-40: rgba( 229, 115, 115, 0.4 );
	/* Warning цвета */
	--warning-rgba-20: rgba( 255, 193, 7, 0.2 );
	--warning-rgba-25: rgba( 255, 193, 7, 0.25 );
	--warning-rgba-30: rgba( 255, 193, 7, 0.3 );
	--warning-rgba-40: rgba( 255, 193, 7, 0.4 );
	/* Info цвета */
	--info-rgba-20: rgba( 0, 188, 212, 0.2 );
	--info-rgba-25: rgba( 0, 188, 212, 0.25 );
	--info-rgba-30: rgba( 0, 188, 212, 0.3 );
	--info-rgba-40: rgba( 0, 188, 212, 0.4 );
	/* Primary цвета с прозрачностью */
	/* Черный с прозрачностью */

	/* Градиенты для nav-btn */
	--nav-btn-gradient-yellow: linear-gradient(135deg, #FFD700 10%, #FFA500 50%, #FF8C00 100%);
	--nav-btn-gradient-green: linear-gradient(135deg, #66BB6A 10%, #52A955 50%, #4A9A4D 100%);
	--nav-btn-gradient-red: linear-gradient(135deg, #FF5733 10%, #E53935 50%, #C62828 100%);
	--nav-btn-gradient-blue: linear-gradient(135deg, var(--aic-primary-400) 10%, var(--aic-primary-600) 50%, var(--aic-primary-700) 100%);
	--nav-btn-gradient-gray: linear-gradient(135deg, #94a3b8 10%, #64748b 50%, #475569 100%);
	--nav-btn-gradient-black: linear-gradient(135deg, #424242 10%, #212121 50%, #000000 100%);
	--nav-btn-gradient-purple: linear-gradient(135deg, var(--aic-primary-300) 10%, var(--aic-primary-500) 50%, var(--aic-primary-700) 100%);
	--nav-btn-gradient-orange: linear-gradient(135deg, #FF9800 10%, #F57C00 50%, #E65100 100%);
	--nav-btn-gradient-dark-gray: linear-gradient(135deg, #616161 10%, #424242 50%, #212121 100%);
	--nav-btn-gradient-cyan: linear-gradient(135deg, #00BCD4 10%, #0097A7 50%, #00838F 100%);
	/* Градиенты для nav-btn в disabled состоянии (более светлые) */
	--nav-btn-gradient-yellow-disabled: linear-gradient(135deg, #FFE87C 10%, #FFC966 50%, #FFB84D 100%);
	--nav-btn-gradient-green-disabled: linear-gradient(135deg, #A5D6A7 10%, #90C695 50%, #81C784 100%);
	--nav-btn-gradient-red-disabled: linear-gradient(135deg, #FF8A65 10%, #FF7043 50%, #FF5722 100%);
	--nav-btn-gradient-blue-disabled: linear-gradient(135deg, #64B5F6 10%, #42A5F5 50%, #2196F3 100%);
	--nav-btn-gradient-gray-disabled: linear-gradient(135deg, #BDBDBD 10%, #9E9E9E 50%, #757575 100%);
	--nav-btn-gradient-black-disabled: linear-gradient(135deg, #757575 10%, #616161 50%, #424242 100%);
	--nav-btn-gradient-purple-disabled: linear-gradient(135deg, #BA68C8 10%, #AB47BC 50%, #9C27B0 100%);
	--nav-btn-gradient-orange-disabled: linear-gradient(135deg, #FFB74D 10%, #FFA726 50%, #FF9800 100%);
	--nav-btn-gradient-dark-gray-disabled: linear-gradient(135deg, #9E9E9E 10%, #757575 50%, #616161 100%);
	--nav-btn-gradient-cyan-disabled: linear-gradient(135deg, #4DD0E1 10%, #26C6DA 50%, #00BCD4 100%);
}

@media (min-width: 561px) {
	:root {
		--form-control-sm: 34px;
		--form-control-md: 44px;
		--form-control-lg: 54px;
		--form-control-xl: 64px;
		--form-control-2xl: 82px;
		--aic-text-control-2xl: 82px;
		--form-control-padding-x-md: var(--aic-space-4);
		--form-control-padding-x-lg: var(--aic-space-5);
		--form-control-padding-x-xl: var(--aic-space-6);
	}
}

@media (min-width: 901px) {
	:root {
		--form-control-sm: 32px;
		--form-control-md: 40px;
		--form-control-lg: 52px;
		--form-control-xl: 56px;
		--form-control-2xl: 64px;
		--aic-text-control-2xl: 64px;
		--form-control-padding-x-md: var(--aic-space-3);
		--form-control-padding-x-lg: var(--aic-space-4);
		--form-control-padding-x-xl: var(--aic-space-5);
	}
}

/* ===================================
   Подключение шрифта Montserrat
   =================================== */

@font-face {
	font-family: 'Montserrat';
	src: url('/design/_default/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/design/_default/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/design/_default/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/design/_default/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}