:root {
	/* Base Colors */
	--ace-gray-50: #f9fafb;
	--ace-gray-100: #f3f4f6;
	--ace-gray-200: #e5e7eb;
	--ace-gray-300: #d1d5db;
	--ace-gray-400: #9ca3af;
	--ace-gray-500: #6b7280;
	--ace-gray-600: #4b5563;
	--ace-gray-700: #374151;
	--ace-gray-800: #1f2937;
	--ace-gray-900: #111827;
	--ace-white: 		#fff;

  --ace-primary: #0369A1;
  --ace-success: #16A34A;
  --ace-warning: #DC2626;

  /* Link */
  --ace-link: var(--ace-primary);
  --ace-link-hover: #2563eb;
  --ace-link-active: #2563eb;

  --ace-border-color: var(--ace-gray-200);

  --ace-border-radius: 4px;

  /* Sidebar variables */
  --ace-sidebar-width: calc(var(--ace-spacing) * 26);
  --ace-sidebar-mini-width: calc(var(--ace-spacing) * 6);
  --ace-sidebar-bg: var(--ace-gray-50);
  --ace-sidebar-text: var(--ace-gray-900);

  --ace-subnav-bg: var(--ace-white);

  --ace-spacing: 8px;

  --gru-gutter-x: 32px;

  /* Input */
  --ace-input-border-radius: 4px;
  --ace-input-border: #B8C9E0;
  --ace-input-border-focus: #39f;

  --ace-trans-base: all 0.35s ease;
}
