/* ── Reset & Base ── */
*{box-sizing:border-box;margin:0;padding:0}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#1a1a1a}
*::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}
*::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}
*{scrollbar-color:var(--border-dark) #1a1a1a}
:root{
  --bg:#0a0a0a;--surface:#141414;--surface2:#1e1e1e;--surface3:#282828;
  --text:#e0e0e0;--text2:#aaa;--text3:#777;--accent:#FFD700;--accent2:#00D4FF;
  --radius:10px;--radius-sm:6px;--radius-pill:999px;

  /* Borders */
  --border-light:#222;--border-mid:#333;--border-dark:#444;--border-hover:#555;

  /* Semantic colors */
  --color-error:#E74C3C;--color-error-alpha:#E74C3C99;
  --color-grid:#1e1e1e;--color-grid-row:#2a2a2a;

  /* Language colors */
  --lang-en-bg:#1a3a2a;--lang-en-text:#4CAF50;
  --lang-es-bg:#3a2a1a;--lang-es-text:#FF9800;
  --lang-ca-bg:#1a2a3a;--lang-ca-text:#2196F3;

  /* Z-index scale */
  --z-event:1;--z-highlight:3;--z-sticky-col:5;--z-header:10;--z-topbar:100;
  --z-prompt:150;--z-modal:200;--z-toast:300;

  font-size:16px;
}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}

/* ── Content Container ── */
.content{max-width:1200px;margin:0 auto;padding:0 1rem 3rem}

/* ── Toast ── */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--surface2);color:#fff;padding:0.6rem 1.2rem;border-radius:var(--radius-sm);font-size:0.85rem;z-index:var(--z-toast);opacity:0;transition:opacity 0.3s;pointer-events:none}
.toast.show{opacity:1}

/* ── Footer ── */
.site-footer{max-width:1200px;margin:2rem auto 0;padding:1rem;border-top:1px solid var(--border-light);text-align:center;font-size:0.75rem;color:var(--text3)}
.site-footer a{color:var(--text3);text-decoration:none}
.site-footer a:hover{color:var(--accent2)}
