/* SYNTARA DOCS — Hoja de Estilos Corporativa */

:root {
    --syntara-primary: #0A1B2D;
    --syntara-primary-hover: #132D4B;
    --syntara-accent: #0284C7;
    --syntara-bg-light: #F8FAFC;
    --syntara-border: #CBD5E1;
}

body {
    background-color: var(--syntara-bg-light) !important;
    color: #1E293B !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Botón Primario */
.btn-primary {
    background-color: var(--syntara-primary) !important;
    border-color: var(--syntara-primary) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 10px 18px !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--syntara-primary-hover) !important;
    border-color: var(--syntara-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(10, 27, 45, 0.25) !important;
}

/* Form inputs */
.form-control:focus {
    border-color: var(--syntara-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(10, 27, 45, 0.15) !important;
}

/* Navbar / App brand color inside if used */
.navbar-dark {
    background-color: var(--syntara-primary) !important;
}

/* Enlaces */
a {
    color: var(--syntara-accent) !important;
}
a:hover {
    color: #0369A1 !important;
}