/* BuildWise design tokens — matched to syntaxweave.com.
   Dark, calm, precise: flat surfaces + one warm accent + soft-shadow depth.
   No gradients, no glass, no grain. The canvas weave + shadow lift do the work. */
:root {
  /* ---- Palette ---- */
  --bg: #0a0a0c;          /* near-black background */
  --surface: #131316;
  --card: #16161a;
  --text: #e8e8ec;        /* primary */
  --text-dim: #a8a8b0;    /* secondary */
  --text-faint: #7a7a85;  /* labels, meta */
  --accent: #d4a574;      /* warm amber/copper — used sparingly (CTA, status dot, links) */

  /* ---- Hairline borders (white at very low alpha) ---- */
  --border: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.08);

  /* ---- Radii ---- */
  --r-card: 16px;
  --r-el: 12px;
  --r-pill: 24px;   /* buttons / badges */
  --r-toast: 6px;

  /* ---- Depth: soft layered shadows, not borders ---- */
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.5);
  --accent-glow: 0 0 12px var(--accent);   /* live-status dot pulse */

  /* ---- Motion: one shared curve everywhere ---- */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, serif;            /* headings, weight 300 (card h3 -> 400) */
  --font-body: "Inter", system-ui, sans-serif;           /* body / UI, 400-700 */
  --font-mono: "JetBrains Mono", ui-monospace, monospace; /* meta + slicer values in the settings table */

  /* ---- Layout ---- */
  --maxw: 1100px;   /* roomy, calm vertical rhythm */
}