@import "tailwindcss";

:root {
  --background: #F8FAFC;
  --foreground: #1E293B;
  --accent: #065F46;
  --accent-dark: #064e25;
  --accent-light: #ecfdf5;
  --secondary: #1D4ED8;
  --secondary-light: #DBEAFE;
  --biker: #1D4ED8;
  --biker-light: #DBEAFE;
  --shop: #DC2626;
  --shop-light: #FEE2E2;
  --investor: #7C3AED;
  --investor-light: #EDE9FE;
  --admin: #059669;
  --admin-light: #D1FAE5;
  --accountant: #0E7490;
  --accountant-light: #CFFAFE;
  --staff: #D97706;
  --staff-light: #FEF3C7;
  --manager: #EA580C;
  --manager-light: #FFEDD5;
  --merchant: #BE185D;
  --merchant-light: #FCE7F3;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-accent: var(--accent);
  --color-accent-dark: var(--accent-dark);
  --color-accent-light: var(--accent-light);
  --color-secondary: var(--secondary);
  --color-secondary-light: var(--secondary-light);
  --color-biker: var(--biker);
  --color-biker-light: var(--biker-light);
  --color-shop: var(--shop);
  --color-shop-light: var(--shop-light);
  --color-investor: var(--investor);
  --color-investor-light: var(--investor-light);
  --color-admin: var(--admin);
  --color-admin-light: var(--admin-light);
  --color-accountant: var(--accountant);
  --color-accountant-light: var(--accountant-light);
  --color-staff: var(--staff);
  --color-staff-light: var(--staff-light);
  --color-manager: var(--manager);
  --color-manager-light: var(--manager-light);
  --color-merchant: var(--merchant);
  --color-merchant-light: var(--merchant-light);
  --font-sans: Inter, system-ui, sans-serif;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}