/* Base design tokens */
:root{
  /* Brand */
  --brand-500:#1e3c72;
  --brand-600:#0d2f66;
  --brand-accent:#3a5ea1;
  --brand-primary:#4a6fdc;

  /* Surface */
  --bg-page:#eef3ff;
  --bg-panel:#ffffff;
  --bg-soft:#eaf0ff;
  --bg-soft-2:#dfe8ff;

  /* Borders & lines */
  --line-soft:#d5e4ff;
  --line-strong:#bcd4ff;

  /* Elevation */
  --shadow-sm:0 2px 6px rgba(0,0,0,.05);
  --shadow-md:0 0 20px rgba(0,0,0,.10);

  /* Radius */
  --radius-6:6px;
  --radius-8:8px;
  --radius-12:12px;
  --radius-pill:50px;

  /* Sizes */
  --header-h:56px;
  --sidebar-w:260px;
}