/* Tailwind CSS v4 input - compiled to public/tailwind.css. */
@import "tailwindcss";

@theme {
  --color-fg:            var(--fg);
  --color-fg-muted:      var(--fg-muted);
  --color-fg-subtle:     var(--fg-subtle);

  --color-bg:            var(--bg);
  --color-bg-elev:       var(--bg-elev);
  --color-bg-subtle:     var(--bg-subtle);
  --color-bg-sunken:     var(--bg-sunken);

  --color-border:        var(--border);
  --color-border-strong: var(--border-strong);

  --color-accent:        var(--accent);
  --color-accent-hover:  var(--accent-hover);
  --color-accent-fg:     var(--accent-fg);
  --color-accent-tint:   var(--accent-tint);

  --font-sans:  var(--font-sans);
  --font-serif: var(--font-serif);
  --font-mono:  var(--font-mono);

  --text-display: clamp(2.6rem, 1.6rem + 3vw, 4rem);
  --text-h1:      clamp(2rem, 1.5rem + 1.6vw, 2.6rem);
  --text-h2:      clamp(1.3rem, 1.1rem + 0.7vw, 1.6rem);
  --text-lede:    clamp(1.05rem, 0.95rem + 0.3vw, 1.18rem);

  --duration-fast: 140ms;
  --duration-slow: 220ms;
}
