:root {
  /* Paleta limpia y descansada (sin alarmismos) */
  --bg-app: #f4f6f9;
  --bg-surface: #ffffff;
  --bg-subtle: #eef2f6;
  --bg-sidebar: #161d29;
  --text-sidebar: #e5ebf3;
  --text-sidebar-muted: #93a1b5;

  --text-main: #1b2430;
  --text-muted: #5f6c7d;
  --border-color: #dce3ec;

  /* Colores semánticos de Las 4 Bolsas */
  --bag-custody: #2563eb;
  --bag-custody-bg: #eff6ff;

  --bag-studio: #d97706;
  --bag-studio-bg: #fffbeb;

  --bag-savings: #7c3aed;
  --bag-savings-bg: #f5f3ff;

  --bag-pocket: #059669;
  --bag-pocket-bg: #ecfdf5;

  --bag-free: #0891b2;
  --bag-free-bg: #ecfeff;

  /* Estados calmados */
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --success: #059669;
  --success-bg: #d1fae5;
  --info: #0284c7;
  --info-bg: #e0f2fe;
  --neutral-warn: #b45309;
  --neutral-warn-bg: #fef3c7;

  /* Tipografía y radios */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
}