$wp-admin-theme-color: var(--wp-admin-theme-color, #3858e9);
$wp-admin-theme-color-darker-10: var(--wp-admin-theme-color, #2145e6);
$wp-components-color-accent: var(
	--wp-components-color-accent,
	$wp-admin-theme-color
);

$wp-components-toolbar-button-foreground: var(
	--wp-components-color-foreground,
	#1e1e1e
);
$wp-components-toolbar-button-background--pressed: $wp-components-toolbar-button-foreground;
$wp-components-toolbar-button-foreground--pressed: var(
	--wp-components-color-foreground-inverted,
	#fff
);

$nab-text: #1e1e1e;
$nab-text-inverted: #fff;
$nab-text-light-grey: #949494;
$nab-text-dark-grey: #757575;
$nab-text-green: #070;
$nab-text-red: #cc1818;
$nab-text-shadow: 1px 1px 1px rgba(0, 0, 12, 0.6);

$nab-background-black: #23282d;
$nab-background-white: #fff;
$nab-background-light-grey: #f3f4f5;
$nab-background-dark-grey: #d2d2d2;
$nab-background-metal-blue: #8298b3;
$nab-background-green: #58b462;
$nab-background-orange: #e28f25;
$nab-background-red: #f43f27;
$nab-background-black-translucent: rgba(0, 0, 12, 0.8);
$nab-background-default-image: rgba(0, 0, 12, 0.1);

$nab-box-shadow: rgba(0, 0, 40, 0.07);

$nab-border: #7e8993;
$nab-border-light: #e2e4e7;
$nab-border-lighter: #f1f1f1;

$nab-experiment-testing: #c44;
$nab-experiment-possible-winner: #ffb42b;
$nab-experiment-winner: #58b462;
$nab-experiment-finished: #0096dd;
$nab-experiment-running-overlay: #fff2;

$nab-background-alternative-a: #2a2a3f;
$nab-background-alternative-b: #d24633;
$nab-background-alternative-c: #4f97c5;
$nab-background-alternative-d: #64ab64;
$nab-background-alternative-e: #ff9000;
$nab-background-alternative-f: #60609f;

$nab-css-selector-highlight-background: #7e899340;
$nab-css-selector-highlight-border: #7e8993;
$nab-css-selector-highlight-hovered-background: #3858e922;
$nab-css-selector-highlight-hovered-border: #3858e9;
$nab-css-selector-breadcrumb-highlight-background: #cc181815;
$nab-css-selector-breadcrumb-highlight-border: #cc1818;

$nab-ai-background: linear-gradient(45deg, #3856e9 0%, #d934f4 100%);
$nab-premium-background: #fde68a;
$nab-premium-foreground: #78350f;

$nab-code-editor-background: linear-gradient(
	to right,
	#f5f5f5 0,
	#f5f5f5 18px,
	#ddd 18px,
	#ddd 19px,
	#fff 19px,
	#fff 100%
);