/**
 * Design Tokens & Variables
 * Central place for all design decisions
 */

:root {
	/* Color Palette - Primary */
	--ta-primary: #007bff;
	--ta-primary-hover: #0056b3;
	--ta-primary-light: #e7f3ff;

	/* Color Palette - Neutrals */
	--ta-gray-50: #f8f9fa;
	--ta-gray-100: #e9ecef;
	--ta-gray-200: #dee2e6;
	--ta-gray-300: #ced4da;
	--ta-gray-400: #adb5bd;
	--ta-gray-500: #6c757d;
	--ta-gray-600: #495057;
	--ta-gray-700: #343a40;
	--ta-gray-800: #212529;
	--ta-gray-900: #1a1d20;

	/* Color Palette - Semantic */
	--ta-success: #28a745;
	--ta-success-bg: #d4edda;
	--ta-success-border: #c3e6cb;
	--ta-success-text: #155724;

	--ta-error: #dc3545;
	--ta-error-bg: #f8d7da;
	--ta-error-border: #f5c6cb;
	--ta-error-text: #721c24;

	--ta-warning: #ffc107;
	--ta-warning-bg: #fff3cd;
	--ta-warning-border: #ffeaa7;
	--ta-warning-text: #856404;

	--ta-info: #17a2b8;
	--ta-info-bg: #d1ecf1;
	--ta-info-border: #bee5eb;
	--ta-info-text: #0c5460;

	/* Priority Colors */
	--ta-priority-high: #dc3545;
	--ta-priority-medium: #ffc107;
	--ta-priority-low: #17a2b8;

	/* Typography */
	--ta-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--ta-font-size-xs: 10px;
	--ta-font-size-sm: 11px;
	--ta-font-size-base: 12px;
	--ta-font-size-md: 13px;
	--ta-font-size-lg: 14px;
	--ta-font-size-xl: 16px;

	--ta-font-weight-normal: 400;
	--ta-font-weight-medium: 500;
	--ta-font-weight-semibold: 600;
	--ta-font-weight-bold: 700;

	--ta-line-height-tight: 1.4;
	--ta-line-height-normal: 1.5;
	--ta-line-height-relaxed: 1.6;

	/* Spacing */
	--ta-space-xs: 4px;
	--ta-space-sm: 6px;
	--ta-space-md: 8px;
	--ta-space-lg: 12px;
	--ta-space-xl: 16px;
	--ta-space-2xl: 20px;
	--ta-space-3xl: 24px;

	/* Border Radius */
	--ta-radius-sm: 4px;
	--ta-radius-md: 6px;
	--ta-radius-lg: 8px;
	--ta-radius-xl: 12px;
	--ta-radius-full: 9999px;

	/* Shadows */
	--ta-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--ta-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
	--ta-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.12);

	/* Transitions */
	--ta-transition-fast: 0.15s ease;
	--ta-transition-base: 0.2s ease;
	--ta-transition-slow: 0.3s ease;

	/* Z-index Scale */
	--ta-z-base: 1;
	--ta-z-dropdown: 100;
	--ta-z-sticky: 200;
	--ta-z-modal: 300;
	--ta-z-tooltip: 400;
}