/*
 * Identidade "Blueprint" (docs/features/identidade-visual/spec.md): só cores e fontes sobre o tema Spark.
 * Cantos e sombras do Spark ficam como estão (decisão do dono, 26/10/2026). 7 cores:
 * Azul-Prancheta #1E3A5F · Azul Profundo #111B2F · Papel #F2F4F4 · Grid #C7D3E0 · Texto 2 #5B6B7D ·
 * Revisão #C1531E (único acento quente, um por tela) · Revisão sobre escuro #E08A5B. Branco só em cartões.
 * Fontes: Big Shoulders Display (títulos curtos e números), Overpass (títulos), Source Sans 3 (corpo), IBM Plex Mono (dados).
 */
@import url("../fonts/blueprint/fonts.css");

:root {
    --bp-prancheta: #1E3A5F;
    --bp-profundo: #111B2F;
    --bp-papel: #F2F4F4;
    --bp-grid: #C7D3E0;
    --bp-texto2: #5B6B7D;
    --bp-revisao: #C1531E;
    --bp-revisao-escuro: #E08A5B;
    --bp-font-impacto: "Big Shoulders Display", "Arial Narrow", sans-serif;
    --bp-font-titulo: "Overpass", "Arial Black", sans-serif;
    --bp-font-corpo: "Source Sans 3", "Segoe UI", Arial, sans-serif;
    --bp-font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;

    /* Tokens do Spark → paleta */
    --bs-body-bg: var(--bp-papel);
    --bs-body-color: var(--bp-profundo);
    --bs-body-font-family: var(--bp-font-corpo);
    --bs-primary: var(--bp-prancheta);
    --bs-link-color: var(--bp-prancheta);
    --bs-link-hover-color: var(--bp-profundo);
    --brand-forest-dark: var(--bp-profundo);
    --brand-forest-medium: var(--bp-prancheta);
    --brand-forest-light: #2A4B73;
    --brand-lime: var(--bp-revisao-escuro);
    --brand-lime-hover: #EBA57F;
    --brand-lime-translucent: rgba(224, 138, 91, 0.16);
    --text-main: var(--bp-profundo);
    --text-muted-green: var(--bp-texto2);
    --text-sidebar-muted: var(--bp-grid);
    --card-background: #FFFFFF;
    --border-light: var(--bp-grid);
    --border-dark-green: rgba(242, 244, 244, 0.12);
    /* Cores de estado: só dentro do produto (telas, avisos), nunca em marca */
    --sys-green: #4CAE7C;
    --sys-green-bg: #E3F3EA;
    --sys-red: #D2425F;
    --sys-red-bg: #F8E1E6;
    --sys-orange: #E0A83C;
    --sys-orange-bg: #F8EEDA;
}

body { font-family: var(--bp-font-corpo); color: var(--bp-profundo); background: var(--bp-papel); }

/* Títulos de página e de cartão: Overpass. Números de destaque: Big Shoulders. Dados e rótulos: Plex Mono. */
h1, h2, h3, .page-title, .main-title { font-family: var(--bp-font-titulo); font-weight: 800; letter-spacing: -0.01em; color: var(--bp-profundo); }
h4, h5, h6, .card-title { font-family: var(--bp-font-titulo); font-weight: 700; color: var(--bp-profundo); }
.sidebar-brand span { font-family: var(--bp-font-titulo); font-weight: 800; }
.fs-3.fw-bold, .fs-4.fw-bold, .fs-5, .stat-number, .metric-value { font-family: var(--bp-font-impacto); font-weight: 800; letter-spacing: 0.01em; }
code, pre, kbd, samp, .font-monospace, .sidebar-menu-title, .table-custom thead th, .badge-table, .form-label-custom small { font-family: var(--bp-font-mono); }
.sidebar-menu-title, .table-custom thead th { letter-spacing: 0.06em; }
.text-muted-green, .small.text-muted-green { color: var(--bp-texto2) !important; }

/* Botões: primário em Azul-Prancheta com texto papel; secundário contornado */
.btn-custom-primary, .btn-login { background-color: var(--bp-prancheta) !important; border-color: var(--bp-prancheta) !important; color: var(--bp-papel) !important; }
.btn-custom-primary:hover, .btn-login:hover { background-color: var(--bp-profundo) !important; border-color: var(--bp-profundo) !important; }
.btn-custom-light { border-color: var(--bp-grid) !important; color: var(--bp-prancheta) !important; }
.form-control-custom:focus, .form-select-custom:focus, .login-input:focus { border-color: var(--bp-prancheta) !important; box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.18) !important; }

/* Menu lateral escuro (Azul Profundo); o item ativo leva o único acento quente */
.sidebar-wrapper { background-color: var(--bp-profundo); }
.sidebar-menu-link.active { color: #FFFFFF; background-color: rgba(242, 244, 244, 0.06); }
.alert-custom-info { background: #E7EDF4; border-color: var(--bp-grid); color: var(--bp-prancheta); }
.avatar-letter, .navbar-profile-img { background: var(--bp-revisao-escuro) !important; color: var(--bp-profundo) !important; }
a { color: var(--bp-prancheta); }

/* Sem degradês decorativos (regra de cor da identidade): as formas de fundo do login saem. */
.login-bg-shape { display: none !important; }