@import "tailwindcss";

:root {
  --background: #f8fafc;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --border: #e2e8f0;
  --brand: #10b981;
  --brand-foreground: #ffffff;
  --brand-muted: #d1fae5;
  --accent: #6366f1;
  --sidebar: #ffffff;
  --sidebar-foreground: #334155;
  --sidebar-active: #ecfdf5;
  --sidebar-active-foreground: #047857;
  --header: #ffffff;
  --destructive: #ef4444;
  --warning: #f59e0b;
  --radius: 0.625rem;
}

.dark {
  --background: #0b1120;
  --foreground: #f1f5f9;
  --card: #111827;
  --card-foreground: #f1f5f9;
  --muted: #1e293b;
  --muted-foreground: #94a3b8;
  --border: #1e293b;
  --brand: #10b981;
  --brand-foreground: #ffffff;
  --brand-muted: #064e3b;
  --accent: #818cf8;
  --sidebar: #0f172a;
  --sidebar-foreground: #cbd5e1;
  --sidebar-active: #064e3b;
  --sidebar-active-foreground: #6ee7b7;
  --header: #0f172a;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-border: var(--border);
  --color-brand: var(--brand);
  --color-brand-foreground: var(--brand-foreground);
  --color-brand-muted: var(--brand-muted);
  --color-accent: var(--accent);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-active: var(--sidebar-active);
  --color-sidebar-active-foreground: var(--sidebar-active-foreground);
  --color-header: var(--header);
  --color-destructive: var(--destructive);
  --color-warning: var(--warning);
  --font-sans: var(--font-inter);
  --radius-lg: var(--radius);
}

* {
  border-color: var(--border);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-inter), system-ui, sans-serif;
}

@keyframes slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

.animate-slide-in-right {
  animation: slide-in-right 0.2s ease-out;
}