/* =====================================================
   Bootstrap 5 Override — Projeto Jodda
   Mapeia as variáveis do projeto para as do Bootstrap.
   Este arquivo deve ser carregado APÓS o Bootstrap CDN
   e ANTES dos CSS customizados de cada página.
   ===================================================== */

:root {
    /* Cores principais */
    --bs-primary:         #3c6fff;
    --bs-primary-rgb:     60, 111, 255;
    --bs-success:         #22c55e;
    --bs-success-rgb:     34, 197, 94;
    --bs-danger:          #ef4444;
    --bs-danger-rgb:      239, 68, 68;
    --bs-warning:         #ffb774;
    --bs-warning-rgb:     255, 183, 116;
    --bs-secondary:       #6f767e;
    --bs-secondary-rgb:   111, 118, 126;
    --bs-info:            #9e7cff;
    --bs-info-rgb:        158, 124, 255;

    /* Tipografia */
    --bs-font-sans-serif:  'Inter', sans-serif;
    --bs-body-font-family: 'Inter', sans-serif;
    --bs-body-font-size:   14px;
    --bs-body-color:       #1a1d1f;
    --bs-body-bg:          #f8faff;

    /* Bordas */
    --bs-border-color:     #efefef;
    --bs-border-radius:    12px;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 16px;
    --bs-border-radius-xl: 16px;

    /* Sombras */
    --bs-box-shadow:    0px 2px 10px rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.05);
}

/* ===== Botão primário ===== */
.btn-primary {
    --bs-btn-bg:               #3c6fff;
    --bs-btn-border-color:     #3c6fff;
    --bs-btn-hover-bg:         #2a50c7;
    --bs-btn-hover-border-color: #2a50c7;
    --bs-btn-active-bg:        #2a50c7;
    --bs-btn-focus-shadow-rgb: 60, 111, 255;
}

/* ===== Botão outline-primary ===== */
.btn-outline-primary {
    --bs-btn-color:            #3c6fff;
    --bs-btn-border-color:     #3c6fff;
    --bs-btn-hover-bg:         #3c6fff;
    --bs-btn-hover-border-color: #3c6fff;
}

/* ===== Links ===== */
a { color: #3c6fff; }
a:hover { color: #2a50c7; }

/* ===== Form controls ===== */
.form-control:focus,
.form-select:focus {
    border-color: #3c6fff;
    box-shadow: 0 0 0 0.2rem rgba(60, 111, 255, 0.15);
}

/* ===== Cards ===== */
.card {
    border-color: var(--bs-border-color);
    box-shadow: var(--bs-box-shadow);
}

/* ===== Layout — neutraliza .container do Bootstrap no dashboard ===== */
/* Bootstrap define max-width e padding lateral no .container, o que comprime
   o layout flex sidebar+main. Resetamos aqui para todas as páginas. */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}