:root {
  --bg: #f7fafc;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --text: #0f172a;          /* slate-900 */
  --muted: #475569;         /* slate-600 */
  --primary: #0ea5e9;       /* cyan-500 */
  --primary-600: #0284c7;   /* cyan-600 */
  --success: #16a34a;       /* green-600 */
  --danger: #dc2626;        /* red-600 */
  --ring: rgba(14,165,233,.25);
  --card-radius: 16px;
  --shadow: 0 12px 28px rgba(2,6,23,.08);
}

/* Preferencia del SO en oscuro: mantener tema claro */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #f7fafc;
    --panel: #ffffff;
    --panel-2: #ffffff;
    --text: #0f172a;
    --muted: #334155;
    --shadow: 0 12px 28px rgba(2,6,23,.08);
  }
}