/* Code4you UI · base v1 · reset mínimo y primitivas tipográficas */

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--c4y-app-bg);color:var(--c4y-app-ink);
  font-family:var(--c4y-font);font-size:var(--c4y-fs-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,p,figure{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:var(--c4y-accent-ink-light);text-decoration:none}
a:hover{color:var(--c4y-accent-ink-light-2)}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}

/* foco: una sola regla para todo el sistema */
:focus{outline:none}
:focus-visible{
  outline:var(--c4y-focus-w) solid var(--c4y-focus);
  outline-offset:var(--c4y-focus-offset);
  border-radius:var(--c4y-r-xs);
}
.c4y-shell :focus-visible,.c4y-drawer__head :focus-visible{outline-color:var(--c4y-focus-dark)}

/* microtipografía técnica: rótulos, folios, contadores */
.c4y-micro{font-family:var(--c4y-mono);font-size:var(--c4y-fs-micro);font-weight:500;letter-spacing:var(--c4y-ls-micro);text-transform:uppercase}
.c4y-label{font-family:var(--c4y-mono);font-size:var(--c4y-fs-micro-3);font-weight:500;letter-spacing:var(--c4y-ls-label);text-transform:uppercase;color:var(--c4y-app-ink-4)}
.c4y-mono{font-family:var(--c4y-mono);font-size:var(--c4y-fs-mono);font-weight:600;letter-spacing:.02em}
.c4y-id{font-family:var(--c4y-mono);font-size:var(--c4y-fs-mono);font-weight:600;color:var(--c4y-app-ink)}
.c4y-truncate{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c4y-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* icono: siempre currentColor, nunca tamaño propio */
.c4y-icon{display:block;flex:none;width:var(--c4y-icon-md);height:var(--c4y-icon-md)}
.c4y-icon--sm{width:var(--c4y-icon-sm);height:var(--c4y-icon-sm)}
.c4y-icon--lg{width:var(--c4y-icon-lg);height:var(--c4y-icon-lg)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}