:root {
  --xl-graphite-950: #171513;
  --xl-graphite-900: #211E1B;
  --xl-graphite-800: #302B27;
  --xl-warm-white: #FAF7F2;
  --xl-surface: #FFFFFF;
  --xl-line: #E7DED3;
  --xl-muted: #756E68;
  --xl-text: #201D1A;
  --xl-red-700: #8E1F1B;
  --xl-red-600: #AA2822;
  --xl-orange-500: #E86622;
  --xl-gold-500: #B98A3D;
  --xl-gold-300: #D8B879;
  --xl-success: #2D6A4F;
  --xl-danger: #B3261E;
  --xl-font-sans: "Manrope", Arial, Helvetica, sans-serif;
  --xl-radius-sm: 8px;
  --xl-radius-md: 12px;
  --xl-radius-lg: 16px;
  --xl-radius-xl: 24px;
  --xl-shadow-card: 0 8px 28px rgba(32,29,26,.08);
  --xl-container: 1440px;
  --xl-teal: #0e8a96;
  --xl-teal-soft: #e7f6f7;
  --xl-space-1: 4px;
  --xl-space-2: 8px;
  --xl-space-3: 12px;
  --xl-space-4: 16px;
  --xl-space-6: 24px;
  --xl-space-8: 32px;
  --xl-space-12: 48px;
  --xl-space-16: 64px;
}