/*
 * Design tokens copied 1:1 from `frontend/tailwind.config.ts` (spacerental's
 * SaaS app). This file has no build step of its own — if the source palette
 * changes, re-sync these values by hand.
 */
:root {
  --color-primary: #3D7A5E;
  --color-primary-light: #A8D5BA;
  --color-accent-bg: #E8F4F0;
  --color-accent-fg: #3D7A5E;
  --color-background: #F9FAFB;
  --color-foreground: #1A1A2E;
  --color-muted: #6B7280;
  --color-card: #FFFFFF;
  --color-border: #E5E7EB;
  --color-badge-bg: #F3F4F6;
  --color-badge-fg: #374151;
  --radius: 0.75rem;
  /* Tailwind's `rounded-lg`: the app's buttons are one step tighter than its cards. */
  --radius-button: 0.5rem;
  /* Tailwind's `shadow-sm` / `shadow-md` / `shadow-lg`, as the app's cards use them. */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --font-sans: 'Inter', system-ui, sans-serif;
}