:root {
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-soft: #eef2ff;
  --color-secondary: #0f766e;
  --color-background: #f6f7fb;
  --color-surface: #ffffff;
  --color-card: #ffffff;
  --color-border: #dfe3eb;
  --color-text-primary: #172033;
  --color-text-secondary: #667085;
  --color-available: #0f9f6e;
  --color-reserved: #d97706;
  --color-sold: #dc2626;
  --color-success: #16845b;
  --color-warning: #b45309;
  --color-danger: #c93636;
  --color-info: #2563eb;
  --font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem;
  --space-5: 2.5rem; --space-6: 3rem; --space-8: 4rem;
  --radius-sm: .5rem; --radius-md: .75rem; --radius-lg: 1rem; --radius-full: 999px;
  --shadow-sm: 0 1px 3px rgba(16,24,40,.08);
  --shadow-md: 0 10px 30px rgba(16,24,40,.1);
  --transition: 160ms ease;
  --container: 1240px;
}

:root[data-theme="dark"] {
  --color-background: #101522;
  --color-surface: #171e2d;
  --color-card: #171e2d;
  --color-border: #344054;
  --color-text-primary: #f2f4f7;
  --color-text-secondary: #b7c0cf;
  --color-primary-soft: #252a55;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.35);
  --shadow-md: 0 12px 35px rgba(0,0,0,.35);
}