/* ==========================================================================
   OnnixConnect — Base styles (tipografía, utilidades de texto, spacing)
   Sistema de diseño Sneat/Bootstrap5. Migración visual onnix-v2.
   Depende de public/css/onnix-v2/tokens.css (variables --*).
   NO modifica markup existente. Todo scopeado bajo body.onnix-v2 / .onnix-v2
   para no afectar las vistas mientras el nuevo skin no esté activo.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tipografía base
   -------------------------------------------------------------------------- */
body.onnix-v2 {
    font-family: 'Public Sans', system-ui, sans-serif;
    font-size: 0.875rem;
    color: var(--text-body);
}

/* --------------------------------------------------------------------------
   2. Utilidades de texto
   -------------------------------------------------------------------------- */
.onnix-v2 .page-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-heading);
}

.onnix-v2 .card-title {
    font-size: 1.05rem;
    font-weight: 700;
}

.onnix-v2 .card-help {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--text-muted);
}

.onnix-v2 .label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-label);
}

.onnix-v2 .hint {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--text-muted);
}

/* --------------------------------------------------------------------------
   3. Fondo de página
   -------------------------------------------------------------------------- */
body.onnix-v2 {
    background-color: var(--bg-page);
}

.onnix-v2 .app-body {
    background: var(--bg-page) !important;
}

/* --------------------------------------------------------------------------
   4. Headings
   -------------------------------------------------------------------------- */
.onnix-v2 h1,
.onnix-v2 h2,
.onnix-v2 h3,
.onnix-v2 h4,
.onnix-v2 h5,
.onnix-v2 h6 {
    color: var(--text-heading);
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   5. Links genéricos (excluye botones y navegación)
   -------------------------------------------------------------------------- */
.onnix-v2 a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link):not(.menu-toggle) {
    color: var(--primary);
}

.onnix-v2 a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link):not(.menu-toggle):hover {
    color: var(--primary-hover);
}

/* --------------------------------------------------------------------------
   6. Spacing del contenedor principal
   -------------------------------------------------------------------------- */
.onnix-v2 .app-body .container-fluid {
    padding: 1.5rem !important;
}

@media (max-width: 768px) {
    .onnix-v2 .app-body .container-fluid {
        padding: 1rem !important;
    }
}