/* ─────────────────────────────────────────────────────────────
   Capraseo — centralized theme layer (foundational refinement)

   This is the ONE place the app's calm/premium design language lives
   as shared tokens + primitive overrides. It is loaded LAST on every
   page (after main.css → page sheets), so its plain-selector rules win
   the cascade over the base primitives without editing each page sheet.

   Scope of this pass (deliberately foundational + low-risk):
     • a radius scale (cards / controls / inputs / chips)
     • rounder cards lifted by a deeper, softer shadow
     • rounded buttons
     • a slightly larger header type scale
   Cards keep their current surface — the fuller dark-card restyle is a
   later, page-by-page pass (see css/agents-refined.css for the target).

   ► To revert the whole site: remove the single <link> to this file
     from the pages (they fall back to the base primitives).
   ► To retune globally: edit the token block below — every rule reads
     from it, so the design scale is a one-number change here.

   Per-page overrides that need to win over this layer simply use a
   higher-specificity selector (e.g. body[data-page="agents"] .card),
   exactly as css/agents-refined.css already does.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Uniform radius scale */
  --r-card:    20px;   /* cards / large surfaces */
  --r-control: 13px;   /* buttons */
  --r-input:   13px;   /* text inputs, selects */
  --r-chip:    12px;   /* small tiles / chips */

  /* Elevation: depth through soft shadow, not hard borders */
  --shadow-card:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 20px 48px -28px rgba(0, 0, 0, 0.85);
}

/* Cards — rounder corners + a deeper, softer lift. Surface unchanged.
   Bespoke card variants (.card.xyz, page-scoped rules) keep winning via
   their higher specificity; this only restyles the plain primitive. */
.card {
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
}

/* Buttons — softer, uniform corners across the app. */
.btn { border-radius: var(--r-control); }
.btn.btn-sm { border-radius: 11px; }

/* Header type — a touch larger, giving titles more presence. */
.stage-title { font-size: 24px; letter-spacing: -0.025em; }
.stage-subtitle { font-size: 14px; line-height: 1.6; }