/* Subiekt MCP — motyw w stylu Business Model First (blue #3479c2 · purple #8548a4).
   Mapowanie tokenów na klasy Tailwind (@theme inline) wstrzykuje build Arc. */

:root {
  --radius: 0.5rem;
  --background: hsl(0 0% 100%);
  --foreground: hsl(222 47% 14%);
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(222 47% 14%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(222 47% 14%);
  --primary: hsl(211 58% 48%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(210 55% 96%);
  --secondary-foreground: hsl(211 50% 30%);
  --muted: hsl(214 32% 95%);
  --muted-foreground: hsl(215 16% 47%);
  --accent: hsl(276 50% 96%);
  --accent-foreground: hsl(280 39% 36%);
  --destructive: hsl(0 84% 60%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(214 32% 89%);
  --input: hsl(214 32% 89%);
  --ring: hsl(211 58% 52%);
  --chart-1: hsl(211 58% 48%);
  --chart-2: hsl(280 39% 50%);
  --chart-3: hsl(14 76% 63%);
  --chart-4: hsl(199 65% 52%);
  --chart-5: hsl(320 45% 55%);
  --sidebar: hsl(210 55% 97%);
  --sidebar-foreground: hsl(222 47% 14%);
  --sidebar-primary: hsl(211 58% 48%);
  --sidebar-primary-foreground: hsl(0 0% 100%);
  --sidebar-accent: hsl(276 50% 96%);
  --sidebar-accent-foreground: hsl(280 39% 36%);
  --sidebar-border: hsl(214 32% 89%);
  --sidebar-ring: hsl(211 58% 52%);

  --bmf-blue: #3479c2;
  --bmf-purple: #8548a4;
  --bmf-orange: #e97c5a;
  --bmf-gradient: linear-gradient(135deg, #3479c2 0%, #8548a4 100%);
}

.dark {
  --background: hsl(222 40% 9%);
  --foreground: hsl(210 40% 96%);
  --card: hsl(222 35% 13%);
  --card-foreground: hsl(210 40% 96%);
  --popover: hsl(222 35% 13%);
  --popover-foreground: hsl(210 40% 96%);
  --primary: hsl(211 60% 58%);
  --primary-foreground: hsl(222 47% 11%);
  --secondary: hsl(222 30% 18%);
  --secondary-foreground: hsl(210 40% 96%);
  --muted: hsl(222 25% 18%);
  --muted-foreground: hsl(215 20% 65%);
  --accent: hsl(280 30% 22%);
  --accent-foreground: hsl(276 50% 88%);
  --destructive: hsl(0 62% 50%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(222 25% 24%);
  --input: hsl(222 25% 24%);
  --ring: hsl(211 60% 56%);
  --sidebar: hsl(222 35% 11%);
  --sidebar-foreground: hsl(210 40% 96%);
  --sidebar-border: hsl(222 25% 24%);
}

/* Tło z landingu BMF: blue → white → purple */
body {
  background-color: #ffffff;
  background-image: linear-gradient(135deg, #dbeafe 0%, #ffffff 50%, #f3e8ff 100%);
  background-size: cover;
  background-attachment: fixed;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}
.dark body {
  background-color: hsl(222 40% 9%);
  background-image: linear-gradient(
    135deg,
    hsl(222 40% 7%) 0%,
    hsl(222 40% 9%) 50%,
    hsl(280 30% 12%) 100%
  );
}

/* Glassmorphism (białe szkło, niebiesko-fioletowy cień) */
.glass,
.glass-card {
  background: hsl(0 0% 100% / 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid hsl(0 0% 100% / 0.5);
  box-shadow: 0 8px 32px rgba(52, 121, 194, 0.12);
}
.glass-card-strong {
  background: hsl(0 0% 100% / 0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid hsl(0 0% 100% / 0.6);
  box-shadow: 0 24px 64px rgba(133, 72, 164, 0.18);
}
.dark .glass,
.dark .glass-card,
.dark .glass-card-strong {
  background: hsl(222 35% 13% / 0.7);
  border-color: hsl(222 25% 24% / 0.5);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28), 0 24px 64px rgba(0, 0, 0, 0.22);
}

/* Gradient marki (blue → purple) — nagłówki i CTA */
.gradient-text {
  background: linear-gradient(135deg, #3479c2 0%, #8548a4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.gradient-bg {
  background: linear-gradient(135deg, #3479c2 0%, #8548a4 100%);
  color: #fff;
}
.gradient-bg:hover {
  box-shadow: 0 12px 32px rgba(133, 72, 164, 0.28);
}