/* assets/base.css - Variables globales y utilidades comunes */
:root{
  --bg: #fff;
  --card: #fbfbfb;
  --text: #111827;
  --muted: #6b7280;
  --accent: #2563eb;
  --focus: #f59e0b;
}

[data-theme='dark']{
  --bg: #0b1220;
  --card: #0f1724;
  --text: #e6eef8;
  --muted: #9aa7bd;
  --accent: #60a5fa;
  --focus: #f59e0b;
}

/* Reset y base */
*{box-sizing:border-box}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}

.container{max-width:1200px;margin:1rem auto;padding:1rem}

/* Header / nav básicos (compartidos) */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(0,0,0,0.06);background:var(--card)}
.brand a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.nav-list{list-style:none;display:flex;gap:10px;align-items:center;margin:0;padding:0}
.nav-cta{background:var(--accent);color:#fff;padding:.5rem .75rem;border-radius:6px;text-decoration:none}

/* Utilities */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Focus visible */
:focus{outline:3px solid var(--focus);outline-offset:2px}