@import "tailwindcss";

:root {
  --background: hsl(0 0% 100%);
  --foreground: hsl(215 28% 17%);
  --card: hsl(0 0% 100%);
  --border: hsl(214 20% 88%);
  --secondary: hsl(214 20% 96%);
  --muted: hsl(214 18% 96%);
  --muted-foreground: hsl(215 16% 47%);
  --accent: hsl(358 84% 56%);
  --destructive: hsl(358 84% 56%);
  --success: hsl(156 58% 38%);
  --primary: hsl(358 84% 56%);
  --primary-foreground: hsl(0 0% 100%);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-border: var(--border);
  --color-muted: var(--muted);
  --color-secondary: var(--secondary);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-destructive: var(--destructive);
  --color-success: var(--success);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: inherit;
}

.shadow-card {
  box-shadow: 0 1px 3px 0 hsl(215 28% 17% / 0.04), 0 2px 8px -2px hsl(215 28% 17% / 0.05);
}

.shadow-elevated {
  box-shadow: 0 20px 50px -14px hsl(215 28% 17% / 0.16);
}

.shadow-card-hover {
  box-shadow: 0 10px 36px -8px hsl(215 28% 17% / 0.1);
}

.shadow-glow {
  box-shadow: 0 0 36px -10px hsl(358 84% 56% / 0.3);
}

.text-gradient {
  color: hsl(358 84% 56%);
}

.bg-gradient-warm {
  background: hsl(214 25% 97%);
}

.bg-gradient-dark {
  background: hsl(215 28% 17%);
}