:root {
  /* Primary orange theme colors */
  --color-primary: #ff6b35;
  --color-primary-rgb: 255, 107, 53;
  --color-primary-100: #ffebe2;
  --color-primary-200: #ffd7c4;
  --color-primary-300: #ffb799;
  --color-primary-400: #ff8c66;
  --color-primary-500: #ff6b35;
  --color-primary-600: #e55a2e;
  --color-primary-700: #cc4d26;
  --color-primary-800: #b8411a;
  --color-primary-900: #a5370f;
  --color-primary-hover: #e55a2e;
  --color-primary-active: #cc4d26;
  --color-primary-light: #ffebe2;
  --color-primary-dark: #b8411a;
  
  /* Secondary colors */
  --color-secondary: #2563eb;
  --color-secondary-hover: #1d4ed8;
  --color-secondary-light: #dbeafe;
  --color-blue-accent: #3b82f6;
  --color-warning-accent: #fbbf24;

  /* Status colors */
  --color-success: #10b981;
  --color-success-500: #10b981;
  --color-success-50: #d1fae5;
  --color-success-200: #a7f3d0;
  --color-success-hover: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-500: #f59e0b;
  --color-warning-50: #fef3c7;
  --color-warning-200: #fed7aa;
  --color-warning-700: #b45309;
  --color-warning-hover: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-hover: #dc2626;
  --color-danger-light: #fee2e2;
  --color-error-50: #fee2e2;
  --color-error-200: #fecaca;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-info: #8b5cf6;
  --color-info-hover: #7c3aed;
  --color-info-light: #ede9fe;
  
  /* Neutral colors */
  --color-white: #ffffff;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  
  /* Legacy alias for red colors */
  --color-red-50: #fef2f2;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;

  /* Additional semantic colors */
  --color-orange-primary: #fd7e14;
  --color-orange-company: #FB9031;
  --color-blue-person: #5B9BD5;
  --color-profile-bg: #e8f4f8;
  --color-profile-text: #004080;
  --color-link-blue: #1a73e8;
  --color-link-blue-hover: #1557b0;
  --color-link-blue-active: #0d47a1;
  --color-google-gray: #5f6368;
  --color-selected-bg: #fff3cd;
  --color-hover-light: #f8f9fa;
  --color-hover-medium: #e9ecef;
  --color-slate-bg: #f8fafc;

  /* Additional gray shades */
  --color-gray-25: #fcfcfd;
  --color-gray-75: #f5f6f7;

  /* Additional error shades */
  --color-error-25: #fefefe;
  --color-error-100: #fee;
  --color-error-300: #fcc;
  --color-error-400: #c33;

  /* Additional success shades */
  --color-success-100: #ecfdf5;
  --color-success-700: #059669;

  /* Additional warning shades */
  --color-warning-100: #fef3c7;

  /* Gradient colors for usage stats */
  --gradient-purple-start: #667eea;
  --gradient-purple-end: #764ba2;
  --gradient-pink-start: #f093fb;
  --gradient-pink-end: #f5576c;
  --gradient-blue-start: #4facfe;
  --gradient-blue-end: #00f2fe;

  /* Typography */
  --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Font sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  
  /* Line heights */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  
  /* Spacing */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  
  /* Border radius */
  --border-radius-sm: 0.125rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
  /* Transitions */
  --transition-colors: color 150ms ease-in-out, background-color 150ms ease-in-out;
  --transition-transform: transform 150ms ease-in-out;
  --transition-all: all 150ms ease-in-out;
  
  /* Z-index scale */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;

  /* Component sizes */
  --input-height-sm: 2rem;
  --input-height-base: 2.5rem;
  --input-height-lg: 3rem;
  --button-height-base: 2.5rem;
}