/**
 * Design Tokens
 * Global CSS custom properties for the Taxisi theme
 */

:root {
	--white: #FFFFFF;
	--bg: #F8F8F7;
	--black: #1A1A1A;
	--gray-50: #FAFAF9;
	--gray-100: #F3F3F1;
	--gray-200: #E8E8E5;
	--gray-300: #D1D1CD;
	--gray-400: #A8A8A3;
	--gray-500: #717170;
	--gray-600: #4A4A49;
	--accent: #D4A420;
	--accent-light: #FBF5E2;
	--blue: #4A6FA5;
	--blue-light: #EDF2F8;
	--green: #3DA55C;
	--red: #D94F4F;
	--accent-dark: #B8920E;
	--accent-bright: #E8B931;
	--hint-bg: #FDF8E8;
	--hint-border: #F0E4B8;

	/* Shadows */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
	--shadow-md: 0 1px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);

	/* Spacing (4px base) */
	--space-0: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-2-5: 10px;
	--space-3: 12px;
	--space-3-5: 14px;
	--space-4: 16px;
	--space-5: 20px;
	--space-5-5: 22px;
	--space-6: 24px;
	--space-7: 28px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;

	/* Font sizes */
	--text-2xs: 11px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-base: 14px;
	--text-md: 15px;
	--text-lg: 16px;
	--text-xl: 20px;
	--text-2xl: 26px;

	/* Font weights */
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--font-extrabold: 800;

	/* Line heights */
	--leading-tight: 1.25;
	--leading-snug: 1.375;
	--leading-normal: 1.5;

	/* Border radius */
	--radius-xs: 2px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 10px;
	--radius-xl: 14px;
	--radius-full: 9999px;

	/* Transitions */
	--transition-fast: 0.15s ease;
	--transition-normal: 0.2s ease;
}