/* =====================================================================
   Token bridge — maps the handful of legacy Mk7 token names used by
   ported page CSS onto the CANONICAL Pursuit DS tokens defined in
   _ds/<folder>/colors_and_type.css. No new colors are invented here —
   every alias resolves to a DS variable. Load AFTER the DS sheet.
   ===================================================================== */
:root {
  /* chrome */
  --sidebar:             var(--sidebar-bg);
  --sidebar-accent:      var(--sidebar-active-bg);
  --sidebar-foreground:  var(--ps-neutral-200);
  --ps-nav-icon-primary:   var(--sidebar-accent-primary);
  --ps-nav-icon-secondary: var(--sidebar-accent-secondary);
  --ps-nav-icon-footer:    var(--sidebar-accent-tertiary);
  --ps-nav-text:           var(--ps-neutral-200);
  --ps-nav-text-muted:     var(--ps-neutral-400);

  /* strokes */
  --hairline:        var(--divider);
  --ps-card-stroke:  #ffffff;

  /* misc legacy names */
  --radius: var(--radius-sm);
}

/* Universal reset — ported from the Mk7 monolith (css/base.css). The React
   build dropped it, which let user-agent default margins leak onto headings
   and paragraphs (e.g. an h3 card title carrying an ~18px bottom margin that
   bloated agent-card spacing). Component/app rules use class selectors, so
   they still win over this; this only zeroes UA defaults. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Lucide icon wrapper (React <Icon/> renders a span.luc around the svg) */
.luc { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.luc svg { width: 100%; height: 100%; display: block; }