/* ════════════════════════════════════════════════════════════
   VerfiX — Spacing, radius, shadow & layout tokens
   Tight, technical radii (never pill-soft on cards). Shadows are
   low and cool — VerfiX never floats; it sits flush and precise.
════════════════════════════════════════════════════════════ */
:root{
  /* ── Spacing scale (0.25rem base) ────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4rem;
  --sp-9:  6rem;     /* section vertical rhythm */

  /* ── Radius ──────────────────────────────────────── */
  --radius-sm:   3px;     /* badges, tags, inner chips */
  --radius:      5px;     /* buttons, inputs */
  --radius-md:   8px;     /* cards */
  --radius-lg:   10px;    /* panels, mockups */
  --radius-pill: 100px;   /* kicker pills only */

  /* ── Borders ─────────────────────────────────────── */
  --bw-hair:  1px;
  --bw-input: 1.5px;
  --bw-accent: 3px;       /* card top accent line */

  /* ── Shadows (low, cool, restrained) ─────────────── */
  --shadow-xs:  0 1px 2px rgba(26,31,46,.05);
  --shadow-sm:  0 2px 12px rgba(26,31,46,.07);
  --shadow-md:  0 4px 18px rgba(26,31,46,.09);
  --shadow-lg:  0 10px 48px rgba(26,31,46,.13);
  --shadow-red: 0 4px 14px rgba(200,37,42,.35);   /* red CTA lift */

  /* ── Layout ──────────────────────────────────────── */
  --container:    1160px;
  --container-sm: 800px;
  --nav-h:        64px;

  /* ── Motion ──────────────────────────────────────── */
  --ease-out:  cubic-bezier(.16,1,.3,1);   /* @kind other */
  --dur-fast:  .13s;   /* @kind other */
  --dur:       .15s;   /* @kind other */
  --dur-slow:  .55s;   /* @kind other */
}