@import "tailwindcss";

@theme {
  --color-ink: #0a0a0a;
  --color-ink-muted: #525252;
  --color-ink-faint: #8a8a8a;
  --color-paper: #ffffff;
  --color-paper-2: #fafafa;
  --color-paper-3: #f4f4f5;
  --color-line: #0a0a0a;

  --color-brand: #6d28d9;
  --color-brand-600: #5b21b6;
  --color-brand-400: #8b5cf6;
  --color-brand-50: #f5f3ff;
  --color-accent: #fde047;
  --color-accent-600: #facc15;

  --font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
  --font-mono: var(--font-geist-mono), ui-monospace, monospace;
}

:root {
  color-scheme: light;
}

html, body {
  background: var(--color-paper);
  color: var(--color-ink);
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--color-accent);
  color: var(--color-ink);
}

/* Prose tweaks for markdown body (light theme) */
.prose-impact h2 {
  font-size: 1.75rem;
  font-weight: 800;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}
.prose-impact h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}
.prose-impact p {
  margin-top: 0.85rem;
  margin-bottom: 0.85rem;
  color: var(--color-ink-muted);
  line-height: 1.7;
}
.prose-impact ul {
  list-style: disc;
  padding-left: 1.25rem;
  color: var(--color-ink-muted);
}
.prose-impact li {
  margin-top: 0.25rem;
}
.prose-impact a {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.prose-impact strong {
  color: var(--color-ink);
  font-weight: 700;
}

/* Marquee (no JS, pure CSS) */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}
