:root {
  --black: #0A0A0A; --grey-900: #4A4A4A; --grey-700: #6A6A6A; --grey-500: #8A8A8A;
  --grey-300: #C5C5C5; --grey-200: #E5E5E5; --grey-100: #F5F5F5; --grey-50: #FAFAFA;
  --white: #FFFFFF;
  --red: #DC2626; --red-dark: #B91C1C; --red-light: #FEE2E2;
  --yellow: #F59E0B; --yellow-light: #FEF3C7; --yellow-dark: #92400E;
  --orange: #F47521; --orange-light: #FED7AA; --orange-dark: #9A3412;
  --success: #10B981; --success-light: #D1FAE5; --success-dark: #065F46;
  --blue: #2563EB; --blue-light: #DBEAFE; --blue-dark: #1E40AF;
  --purple: #7C3AED; --purple-light: #EDE9FE; --purple-dark: #5B21B6;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; line-height: 1.5; color: var(--black); background: var(--grey-50); -webkit-font-smoothing: antialiased; }