:root{
  --sp-bg: #FFFFFF;
  --sp-surface: #FAFAFA;
  --sp-surface-alt: #F5F5F5;
  --sp-ink: #171717;
  --sp-ink-soft: #525252;
  --sp-ink-muted: #737373;
  --sp-border: #E5E5E5;
  --sp-border-strong: #D4D4D4;
  --sp-accent-50: #FFF4ED;
  --sp-accent-100: #FFE6D5;
  --sp-accent-200: #FFC9A8;
  --sp-accent-300: #FFA36B;
  --sp-accent-400: #FF7A2F;
  --sp-accent: #EA580C;
  --sp-accent-600: #C2410C;
  --sp-accent-700: #9A3412;
  --sp-accent-contrast: #FFFFFF;
  --sp-success: #15803D;
  --sp-warning: #B45309;
  --sp-danger: #B91C1C;
  --sp-sold: #A3A3A3;
  --sp-max-width: 1280px;
  --sp-gutter: 24px;
  --sp-gutter-mobile: 16px;
  --sp-space-1: 4px;
  --sp-space-2: 8px;
  --sp-space-3: 12px;
  --sp-space-4: 16px;
  --sp-space-6: 24px;
  --sp-space-8: 32px;
  --sp-space-12: 48px;
  --sp-space-16: 64px;
  --sp-radius-sm: 6px;
  --sp-radius-card: 10px;
  --sp-radius-modal: 14px;
  --sp-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --sp-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sp-size-xs: 0.6875rem;
  --sp-size-sm: 0.8125rem;
  --sp-size-base: 0.9375rem;
  --sp-size-lg: 1.125rem;
  --sp-size-xl: 1.4375rem;
  --sp-size-2xl: 1.875rem;
  --sp-size-3xl: 2.5rem;
  --sp-leading-body: 1.55;
  --sp-leading-head: 1.15;
}