// ServiceNow Now Design System

// Theme / Colors / Derived

@import '@servicenow/sass-global/functions';

@mixin now-theme-colors-derived {
	--now-color_background--primary: var(--now-color--neutral-0);
	--now-color_background--secondary: var(--now-color--neutral-1);
	--now-color_background--tertiary: var(--now-color--neutral-2);

	--now-color_divider--primary: var(--now-color--neutral-7);
	--now-color_divider--secondary: var(--now-color--neutral-5);
	--now-color_divider--tertiary: var(--now-color--neutral-3);

	--now-color_text--primary: var(--now-color--neutral-18);
	--now-color_text--secondary: var(--now-color--neutral-12);
	--now-color_text--tertiary: var(--now-color--neutral-9);

	--now-color_border--primary: var(--now-color--neutral-7);
	--now-color_border--secondary: var(--now-color--neutral-5);
	--now-color_border--tertiary: var(--now-color--neutral-3);

	--now-color_focus-ring: var(--now-color--secondary-1);
	--now-color_focus-ring_shadow: var(--now-color--neutral-0);
}