/* Project-specific tweaks layered on top of Tailwind.

   In development we load the Tailwind Play CDN from base.html so the design
   tokens (ink / graphite / line / paper / cloud / electric, font-display, etc.)
   resolve without a build step. Run `make tailwind` (or `npm run build`) to
   compile a minified bundle from tailwind.src.css for production. */

html { font-feature-settings: "cv11", "ss01", "ss03"; }
body { font-synthesis: none; }
[x-cloak] { display: none !important; }

.font-display { letter-spacing: -0.02em; }

/* Soft elevation used on hero / dealroom cards. */
.shadow-soft {
  box-shadow: 0 1px 0 rgba(16, 24, 32, 0.04), 0 8px 30px -12px rgba(16, 24, 32, 0.10);
}

/* Tab "current" indicator for the demo-style review form / dashboards. */
.tab[aria-current="page"] { color: #101820; background: rgba(16, 24, 32, 0.05); }

/* Smaller print on dense tables. */
.tabular-nums { font-variant-numeric: tabular-nums; }