:root {
  /* Brand */
  --color-primary: #e8491d;
  --color-primary-dark: #c13614;
  --color-primary-light: #fde0d3;
  --color-primary-contrast: #ffffff;

  --color-accent-green: #4a7c59;
  --color-accent-green-dark: #375d43;
  --color-accent-green-light: #e1ebe3;

  --color-teal: #2f7d74;
  --color-teal-dark: #235c55;
  --color-blue: #015c9a;
  --color-blue-dark: #013f6b;
  --color-blue-light: #dceaf5;

  /* Neutrals */
  --color-bg: #ffffff;
  --color-bg-sidebar: #faf8f6;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f1ee;
  --color-border: #e4ddd6;
  --color-border-strong: #d1c7bd;

  --color-text: #2b2622;
  --color-text-muted: #6f665d;
  --color-text-faint: #9a9086;

  /* Status colors */
  --color-status-pending-approval: #b8892b;
  --color-status-for-sale: #4a7c59;
  --color-status-off-market-active: #c9974a;
  --color-status-hold: #a94442;
  --color-status-off-market-inactive: #7a7167;
  --color-status-refresh: var(--color-blue);
  --color-status-sold-by-else: #9a9086;
  --color-status-sold-by-us: #5a5450;
  --color-status-rented: #2f7d74;
  --color-status-for-rent: var(--color-primary);

  /* Feedback */
  --color-danger: #b3452f;
  --color-danger-bg: #fbeae5;
  --color-warning: #c9974a;
  --color-warning-bg: #fbf3e1;
  --color-success: var(--color-accent-green);
  --color-success-bg: var(--color-accent-green-light);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-size-md: 1.0625rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.625rem;
  --font-size-xxl: 2rem;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(43, 38, 34, 0.06);
  --shadow-md: 0 4px 16px rgba(43, 38, 34, 0.08);
  --shadow-lg: 0 12px 40px rgba(43, 38, 34, 0.16);

  /* Layout */
  --topbar-height: 64px;
  --sidebar-width: 232px;
  --drawer-width: 480px;
  --container-max: 5000px;

  /* Z-index scale */
  --z-sidebar: 90;
  --z-topbar: 100;
  --z-drawer-backdrop: 200;
  --z-drawer: 210;
  --z-popover: 300;
  --z-toast: 400;
}