@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
	--ax-color-primary: #FF7036;
	--ax-color-primary-dark: #e5600a;
	--ax-color-primary-rgb: 255, 112, 54;
	--ax-color-primary-3: rgba(255, 112, 54, 0.09);
	--ax-color-primary-11: #cc5a0a;

	--ax-gray-1: #fcfcfc;
	--ax-gray-2: #f9f9f9;
	--ax-gray-3: #f0f0f0;
	--ax-gray-4: #e8e8e8;
	--ax-gray-5: #e0e0e0;
	--ax-gray-6: #d9d9d9;
	--ax-gray-7: #cecece;
	--ax-gray-8: #bbbbbb;
	--ax-gray-9: #8d8d8d;
	--ax-gray-10: #838383;
	--ax-gray-11: #646464;
	--ax-gray-12: #1A1A1A;

	--ax-gray-a3: rgba(0, 0, 0, 0.04);
	--ax-gray-a6: rgba(0, 0, 0, 0.14);

	--ax-color-peach: #F09C6B;

	--ax-color-dark: #1A1A1A;
	--ax-color-dark-text: var(--ax-gray-12);
	--ax-color-dark-light: #333233;

	--ax-color-grey: var(--ax-gray-9);
	--ax-color-light: var(--ax-gray-1);
	--ax-color-white: #ffffff;

	--ax-color-success: #29a383;
	--ax-color-success-bg: #ddf3ed;
	--ax-color-success-text: #1a7a5a;

	--ax-color-warning: #e5a000;
	--ax-color-warning-bg: #fff4d4;
	--ax-color-warning-text: #915e00;

	--ax-color-danger: #e5484d;
	--ax-color-danger-bg: #ffe5e5;
	--ax-color-danger-text: #ce2c31;

	--ax-font-primary: 'Helvetica Neue', 'Inter', system-ui, -apple-system, sans-serif;
	--ax-font-mono: 'Courier New', monospace;
	--ax-font-code: Inconsolata, Consolas, monospace;

	--ax-spacing-xs: 0.25rem;
	--ax-spacing-sm: 0.5rem;
	--ax-spacing-md: 0.75rem;
	--ax-spacing-lg: 1rem;
	--ax-spacing-xl: 1.5rem;
	--ax-spacing-2xl: 2rem;
	--ax-spacing-3xl: 3rem;

	--ax-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
	--ax-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
	--ax-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
	--ax-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
	--ax-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);

	--ax-radius-sm: 8px;
	--ax-radius-md: 12px;
	--ax-radius-lg: 16px;
	--ax-radius-xl: 20px;

	--ax-transition-fast: 0.2s ease;
	--ax-transition-normal: 0.3s ease;
	--ax-transition-slow: 0.5s ease;

	--ax-sidebar-width: 220px;
	--ax-sidebar-collapsed: 72px;
	--ax-topbar-height: 64px;

	--ax-border-light: 1px solid var(--ax-gray-4);
	--ax-border-input: 1px solid var(--ax-gray-5);
	--ax-border-white-light: 1px solid rgba(255, 255, 255, 0.1);
	--ax-border-white-medium: 1px solid rgba(255, 255, 255, 0.2);
}