/* ============================================
   DESIGN TOKENS — Human Buenos Aires
   ============================================ */

:root {
  /* Background */
  --bg:           #090909;
  --bg-elevated:  #111111;
  --bg-card:      #161616;
  --bg-hover:     #1e1e1e;

  /* Borders */
  --border:       rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.2);

  /* Text */
  --text:          #ffffff;
  --text-secondary: #888888;
  --text-muted:    #444444;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing scale */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --max-w:        1280px;
  --max-w-narrow: 800px;
  --max-w-xs:     560px;

  /* Nav */
  --nav-h: 72px;

  /* Transitions */
  --t:      0.2s ease;
  --t-slow: 0.4s ease;

  /* Radius */
  --r:    4px;
  --r-lg: 8px;
  --r-xl: 12px;
}