/* ============================================================
   ATLAS - Hoja de estilos base
   ============================================================ */

:root {
    --atlas-bg: #FAF8F5;
    --atlas-bg-card: #FFFFFF;
    --atlas-text: #2B2420;
    --atlas-text-muted: #7A7168;
    --atlas-primary: #3D5A6C;
    --atlas-primary-dark: #2E4552;
    --atlas-accent: #B87D5A;
    --atlas-border: #DCD3C8;
    --atlas-success: #6B8A6E;
    --atlas-danger: #B85450;
    --atlas-radius: 6px;
}

body {
    background-color: var(--atlas-bg);
    color: var(--atlas-text);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 15px;
}

/* Tipografía para cifras/montos, alineación tabular */
.atlas-numero {
    font-variant-numeric: tabular-nums;
}

/* Tarjetas */
.atlas-card {
    background-color: var(--atlas-bg-card);
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    padding: 1.5rem;
}

/* Botones primarios (sobreescribe Bootstrap) */
.btn-primary {
    background-color: var(--atlas-primary);
    border-color: var(--atlas-primary);
}
.btn-primary:hover {
    background-color: var(--atlas-primary-dark);
    border-color: var(--atlas-primary-dark);
}

/* Botones de acento tierra */
.btn-atlas-accent {
    background-color: var(--atlas-accent);
    border-color: var(--atlas-accent);
    color: #fff;
}
.btn-atlas-accent:hover {
    color: #fff;
    filter: brightness(0.92);
}

/* Enlaces */
a {
    color: var(--atlas-primary);
    text-decoration: none;
}
a:hover {
    color: var(--atlas-primary-dark);
}

/* Formularios */
.form-control, .form-select {
    border-color: var(--atlas-border);
    border-radius: var(--atlas-radius);
}
.form-control:focus, .form-select:focus {
    border-color: var(--atlas-primary);
    box-shadow: 0 0 0 0.2rem rgba(61, 90, 108, 0.15);
}

/* Sidebar / menú lateral (para el panel admin más adelante) */
.atlas-sidebar {
    background-color: var(--atlas-primary-dark);
}
.atlas-sidebar a {
    color: #E8E4DD;
}
.atlas-sidebar a:hover,
.atlas-sidebar a.activo {
    color: #fff;
    background-color: rgba(255,255,255,0.08);
}

/* Texto secundario */
.text-atlas-muted {
    color: var(--atlas-text-muted);
}

/* Bordes suaves generales */
.atlas-border {
    border-color: var(--atlas-border) !important;
}