/*
|--------------------------------------------------------------------------
| app-theme.css
|--------------------------------------------------------------------------
| Compatibilidad mínima.
|
| La estética final de la aplicación pertenece a:
| public/css/components/square-operational-density.css
|
| Este archivo NO debe definir cards, botones, formularios, tablas,
| navegación, sombras, gradientes ni layouts visuales.
|--------------------------------------------------------------------------
*/

:root{
    --ca-bg:var(--sq-bg,#f7f7f5);
    --ca-card:var(--sq-surface,#ffffff);
    --ca-text:var(--sq-text,#121212);
    --ca-muted:var(--sq-muted,#6f737a);
    --ca-border:var(--sq-border,#e4e2dd);

    --ca-radius-sm:12px;
    --ca-radius-md:16px;
    --ca-radius-lg:22px;
    --ca-radius-xl:28px;

    --ca-shadow-sm:var(--sq-shadow-sm,0 2px 8px rgba(0,0,0,.045));
    --ca-shadow-md:var(--sq-shadow-md,0 8px 24px rgba(0,0,0,.07));
}

/* Compatibilidad semántica antigua sin imponer estética */
.ca-muted,
.text-muted,
.muted{
    color:var(--sq-muted,#737780);
}

.ca-hidden,
.is-hidden,
[hidden]{
    display:none!important;
}

/* Focus accesible mínimo */
:where(a,button,input,select,textarea):focus-visible{
    outline:2px solid rgba(18,18,18,.28);
    outline-offset:3px;
}

/* No definir aquí apariencia de componentes */