/*
 * Travel Management Platform (TMP)
 * Design System Core Tokens
 */

:root {
  /* Color Palette (Luxury Champagne & Charcoal Theme) */
  --primary-gold: hsl(38, 45%, 55%);
  --primary-gold-hover: hsl(38, 45%, 45%);
  --primary-gold-light: rgba(140, 110, 60, 0.1);
  --dark-charcoal: hsl(210, 15%, 11%);
  --dark-charcoal-light: hsl(210, 12%, 18%);
  
  --success-emerald: hsl(150, 60%, 40%);
  --warning-amber: hsl(40, 80%, 50%);
  --error-crimson: hsl(0, 75%, 45%);

  --neutral-100: hsl(0, 0%, 100%);
  --neutral-200: hsl(210, 10%, 96%);
  --neutral-400: hsl(210, 8%, 80%);
  --neutral-700: hsl(210, 10%, 30%);
  --neutral-900: hsl(210, 12%, 8%);
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(17, 21, 26, 0.04);
  --shadow-md: 0 8px 16px rgba(17, 21, 26, 0.06);
  --shadow-lg: 0 16px 36px rgba(17, 21, 26, 0.1);
  
  /* Borders & Radius */
  --border-color: rgba(17, 21, 26, 0.08);
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  
  /* Animation Timing */
  --transition-smooth: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Custom Reset & Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--neutral-200);
}
::-webkit-scrollbar-thumb {
  background: var(--primary-gold);
  border-radius: var(--border-radius-sm);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-gold-hover);
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--neutral-700);
  background-color: var(--neutral-200);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}