:root {
  --ft-background: #fef9f3;
  --ft-background-glow: rgba(231, 157, 25, 0.12);
  --ft-background-blue: rgba(212, 163, 115, 0.10);
  --ft-peach-100: #fff0e5;
  --ft-sky-100: #fbf1df;
  --ft-lilac-100: #f5eee4;
  --ft-surface: #ffffff;
  --ft-surface-soft: #f8f0e5;
  --ft-brown-900: #432818;
  --ft-brown-800: #6b3c1f;
  --ft-brown-700: #7b5034;
  --ft-gold-500: #d4a373;
  --ft-gold-100: #f8ead5;
  --ft-blue-600: #6b3c1f;
  --ft-blue-500: #d4a373;
  --ft-blue-100: #f2e9d9;
  --ft-brand-orange: #e79d19;
  --ft-brand-olive: #96a61a;
  --ft-green-700: #1f633f;
  --ft-green-600: #28754b;
  --ft-green-100: #dff1e7;
  --ft-red-600: #b94a48;
  --ft-red-100: #fbedec;
  --ft-warning-600: #a96c1e;
  --ft-warning-100: #fff4df;
  --ft-text: #432818;
  --ft-text-secondary: #765f50;
  --ft-text-muted: #9a8272;
  --ft-border: #eadfD2;
  --ft-shadow-soft: 0 10px 28px rgba(107, 60, 31, 0.07);
  --ft-shadow-raised: 0 16px 36px rgba(107, 60, 31, 0.11);
  --ft-radius-sm: 0.5rem;
  --ft-radius-md: 0.75rem;
  --ft-radius-lg: 1rem;
  --ft-font-xs: 0.75rem;
  --ft-font-sm: 0.875rem;
  --ft-font-base: 0.95rem;
  --ft-font-md: 1rem;
  --ft-font-lg: 1.25rem;
  --ft-font-xl: 1.6rem;
  --ft-font-2xl: 2rem;
  --ft-space-1: 0.25rem;
  --ft-space-2: 0.5rem;
  --ft-space-3: 0.75rem;
  --ft-space-4: 1rem;
  --ft-space-5: 1.25rem;
  --ft-space-6: 1.5rem;
  --ft-space-8: 2rem;
  --ft-space-10: 2.5rem;
  --ft-space-12: 3rem;
  --ft-sidebar-width: 15.5rem;
  --ft-topbar-height: 4.5rem;
  --ft-transition: 160ms ease;
}