/* ============================================================
   main.css — Tokens de diseño, tema claro/oscuro, base.
   Paleta alineada a MiChefLab: naranja #ff6b1a.
   >>> Cambia aquí colores, tipografías y radios globales.
   ============================================================ */
:root{
  --naranja:#ff6b1a; --naranja-dark:#e85d10;
  --negro:#0d0d0d; --crema:#f0ebe3;
  --bg:#f7f6f3; --surface:#ffffff; --surface-2:#f2efe9;
  --text:#1a1a1a; --text-soft:#6b6b6b; --border:#e2ddd4;
  --ok:#16a34a; --warn:#d97706; --bad:#dc2626; --info:#0369a1;
  --radius:12px; --radius-sm:8px; --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04);
  --font:'Space Grotesk',system-ui,-apple-system,sans-serif;
  --font-cond:'Barlow Condensed',var(--font);
}
[data-theme="dark"]{
  --bg:#121212; --surface:#1e1e1e; --surface-2:#262626;
  --text:#f0f0f0; --text-soft:#a0a0a0; --border:#333; --crema:#1e1e1e;
  --shadow:0 1px 3px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}
h1,h2,h3,h4{font-family:var(--font-cond);font-weight:600;letter-spacing:.01em;margin:0 0 .4em}
h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}
a{color:var(--naranja);text-decoration:none}
.muted{color:var(--text-soft)}
.badge{display:inline-block;padding:.2em .6em;border-radius:999px;font-size:.78rem;font-weight:600}
.badge-ok{background:#dcfce7;color:#15803d}.badge-warn{background:#fef3c7;color:#b45309}
.badge-bad{background:#fee2e2;color:#b91c1c}.badge-info{background:#e0f2fe;color:#075985}
.badge-muted{background:var(--surface-2);color:var(--text-soft)}
[data-theme="dark"] .badge-ok{background:#14361f;color:#4ade80}
[data-theme="dark"] .badge-warn{background:#3a2a08;color:#fbbf24}
[data-theme="dark"] .badge-bad{background:#3a1414;color:#f87171}
[data-theme="dark"] .badge-info{background:#0a2233;color:#7dd3fc}