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

:root {
	--ax-color-primary: #ff6f0f;
	--ax-color-primary-dark: #e56000;
	--ax-color-primary-rgb: 255, 111, 15;
	--ax-color-primary-3: rgba(255, 111, 15, 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: #202020;

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

	--ax-color-dark: #000000;
	--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: 'Poppins', 'Montserrat', 'Roboto', 'Helvetica', 'Arial', 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: none;
	--ax-shadow-md: none;
	--ax-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
	--ax-shadow-card: none;
	--ax-shadow-hover: none;

	--ax-radius-sm: 4px;
	--ax-radius-md: 6px;
	--ax-radius-lg: 8px;
	--ax-radius-xl: 12px;

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

	--ax-sidebar-width: 200px;
	--ax-sidebar-collapsed: 80px;
	--ax-topbar-height: 70px;

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