@import "tailwindcss";

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;
  --gradient-bg: linear-gradient(to bottom right, #f9fafb, #ffffff, #f3e8ff);
  --gradient-bg-accent:
    radial-gradient(circle at 20% 30%, #e0c3fc 0%, transparent 60%),
    radial-gradient(circle at 80% 70%, #8ec5fc 0%, transparent 60%);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* --background: #0a0a0a;
    --foreground: #ededed;
    --gradient-bg: linear-gradient(to bottom right, #232946, #393e5c, #6c63ff); */
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.gradient-bg {
  background-image: var(--gradient-bg);
}

.gradient-bg-accent {
  background-image: var(--gradient-bg-accent);
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}