/* ========================================
   WAYSTAR HOLDINGS - CSS VARIABLES
   Global Design System
   ======================================== */

:root {
  /* Colors */
  --bg: #0D0E10;
  --bg-soft: #14161A;
  --ivory: #F8F6F0;
  --gold: #C2A878;
  
  /* Typography */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  --spacing-xxl: 8rem;
  
  /* Container */
  --container-max: 1400px;
  --container-padding: 2rem;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.4s ease;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  
  /* Z-index */
  --z-header: 1000;
  --z-overlay: 900;
}