/* ==========================================================================
   Gestión Garaje — Estilos globales
   Variables y estilos base compartidos por toda la aplicación.
   Los estilos de cada página viven en assets/css/pages/*.css
   Los estilos de componentes reutilizables (sidebar, topbar...) viven en
   assets/css/components/*.css
   ========================================================================== */

:root {
    --gj-asphalt: #1c2027;
    --gj-asphalt-light: #2b313c;
    --gj-accent: #f5a623;
    --gj-accent-dark: #d68910;
    --gj-light: #f8f9fa;
    --gj-muted: #6c757d;
    --gj-border-radius: 0.75rem;
    --gj-shadow: 0 0.5rem 1.5rem rgba(28, 32, 39, 0.08);
}

body {
    background-color: var(--gj-light);
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #212529;
}

a {
    color: var(--gj-accent-dark);
}

/* Botón principal de la marca (amarillo tipo señalización de aparcamiento) */
.btn-warning {
    --bs-btn-color: var(--gj-asphalt);
    --bs-btn-bg: var(--gj-accent);
    --bs-btn-border-color: var(--gj-accent);
    --bs-btn-hover-bg: var(--gj-accent-dark);
    --bs-btn-hover-border-color: var(--gj-accent-dark);
    --bs-btn-active-bg: var(--gj-accent-dark);
    --bs-btn-active-border-color: var(--gj-accent-dark);
    font-weight: 600;
}

/* ---- Pie de página ---- */
.gj-footer {
    background-color: var(--gj-asphalt);
    color: rgba(255, 255, 255, 0.7);
}

/* ---- Tablas ---- */
.table > :not(caption) > * > * {
    vertical-align: middle;
}