/* Único archivo de colores. Provisional hasta recibir los HTML de Claude Design. */
:root {
  --fondo: #f7f1e8;
  --superficie: #fffaf3;
  --texto: #2a211b;
  --texto-suave: #6b5d52;
  --borde: #e4d8c8;
  --acento: #c0582f;
  --acento-texto: #ffffff;
  --ok: #3f7d4e;
  --error: #b3261e;
  --fuente-titulos: "Space Grotesk", system-ui, sans-serif;
  --fuente-cuerpo: system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-cifras: "JetBrains Mono", ui-monospace, monospace;
}

:root[data-tema="oscuro"] {
  --fondo: #0b0f17;
  --superficie: #121a2a;
  --texto: #e6ebf5;
  --texto-suave: #93a0b8;
  --borde: #1f2a40;
  --acento: #3d7bff;
  --acento-texto: #ffffff;
  --ok: #4caf7a;
  --error: #ff6b6b;
}