/* =========================
   PANA CORE VISUAL SYSTEM
   (universal, no niche)
   ========================= */

/* 🌐 DEFAULT (Interpreter base) */
:root{
  --brand:#3b82f6;
  --brand-strong:#2563eb;
  --brand-soft:#e8f1ff;

  /* 🎯 SEMANTIC (states, not branding) */
  --success:#22c55e;
  --danger:#dc2626;
  --warning:#facc15;

  /* 🧱 SURFACES */
  --bg:#f5f8ff;
  --card:#ffffff;
  --panel:#ffffffcc;

  /* 🧠 TEXT */
  --text:#0f172a;
  --muted:#64748b;
  --ink:#0f172a;

  /* 🎨 UTILS */
  --overlay:#0b122033;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

/* =========================
   THEMES (overrides)
   ========================= */

/* 🌿 PANA (coach) */
[data-theme="pana"]{
  --brand:#16a34a;
  --brand-strong:#15803d;
  --brand-soft:#f0fdf4;
}

/* 🌐 Interpreter explícito */
[data-theme="interpreter"]{
  --brand:#3b82f6;
  --brand-strong:#2563eb;
  --brand-soft:#e8f1ff;
}

/* =========================
   GLOBAL BASE (SAFE)
   ========================= */

body{
  background:var(--bg);
  color:var(--text);
}

/* Buttons base (optional shared behavior) */
.btn.primary{
  background:var(--brand);
  color:#fff;
}

/* Focus system */
.focus-ring{
  box-shadow:0 0 0 3px rgba(59,130,246,.14);
}