/**
 * System: TLS - Trindade Logistic System
 * Developed By: Fivami.pt - Filipe Ferreira
 *
 * Paleta de Cores e Variáveis CSS
 * Baseada no logótipo da Trindade - Tons terrosos e profissionais
 */

:root {
    /* ============================================================
       CORES PRINCIPAIS (baseadas no logótipo)
       ============================================================ */

    /* Castanho/Terracota - Cor principal (transporte, estradas) */
    --tls-primary: #AF7D58;
    --tls-primary-dark: #8B6344;
    --tls-primary-light: #C99B76;
    --tls-primary-rgb: 175, 125, 88;

    /* Azul-cinzento escuro - Texto e headers */
    --tls-dark: #2F3C48;
    --tls-dark-light: #4A5A68;
    --tls-dark-rgb: 47, 60, 72;

    /* Azul claro - Acentos (logística, céu) */
    --tls-info: #B8CEE5;
    --tls-info-dark: #8FB5D6;
    --tls-info-rgb: 184, 206, 229;

    /* ============================================================
       CORES SEMÂNTICAS (mantidas para utilidade)
       ============================================================ */

    --tls-success: #198754;
    --tls-success-light: #D1E7DD;
    --tls-warning: #FFC107;
    --tls-warning-light: #FFF3CD;
    --tls-danger: #DC3545;
    --tls-danger-light: #F8D7DA;

    /* ============================================================
       CORES NEUTRAS
       ============================================================ */

    --tls-white: #FFFFFF;
    --tls-gray-100: #F8F9FA;
    --tls-gray-200: #E9ECEF;
    --tls-gray-300: #DEE2E6;
    --tls-gray-400: #CED4DA;
    --tls-gray-500: #ADB5BD;
    --tls-gray-600: #6C757D;
    --tls-gray-700: #495057;
    --tls-gray-800: #343A40;
    --tls-gray-900: #212529;

    /* ============================================================
       FUNDOS
       ============================================================ */

    --tls-bg-primary: #2F3C48;
    --tls-bg-secondary: #F5F6F8;
    --tls-bg-card: #FFFFFF;
    --tls-bg-warm: #D0CAC2;

    /* ============================================================
       TEXTO
       ============================================================ */

    --tls-text-primary: #2F3C48;
    --tls-text-secondary: #6C757D;
    --tls-text-muted: #ADB5BD;
    --tls-text-inverse: #FFFFFF;

    /* ============================================================
       BORDAS E SOMBRAS
       ============================================================ */

    --tls-border-color: #DEE2E6;
    --tls-border-radius: 0.5rem;
    --tls-box-shadow: 0 0.5rem 1rem rgba(47, 60, 72, 0.15);
    --tls-box-shadow-sm: 0 0.125rem 0.25rem rgba(47, 60, 72, 0.1);

    /* ============================================================
       NAVBAR (sobrescreve Bootstrap)
       ============================================================ */

    --bs-navbar-dark-color: rgba(255, 255, 255, 0.9);
    --bs-navbar-dark-hover-color: rgba(255, 255, 255, 1);
    --bs-navbar-dark-active-color: rgba(255, 255, 255, 1);

    /* ============================================================
       BOTÕES
       ============================================================ */

    --tls-btn-primary-bg: #AF7D58;
    --tls-btn-primary-border: #8B6344;
    --tls-btn-primary-hover-bg: #8B6344;
    --tls-btn-primary-hover-border: #6B4F35;
    --tls-btn-primary-color: #FFFFFF;

    /* ============================================================
       LINKS
       ============================================================ */

    --tls-link-color: #AF7D58;
    --tls-link-hover-color: #8B6344;

    /* ============================================================
       ALERTAS PERSONALIZADAS
       ============================================================ */

    --tls-alert-primary-bg: #D0CAC2;
    --tls-alert-primary-border: #B8A898;
    --tls-alert-primary-color: #2F3C48;
}

/* ============================================================
   UTILIDADES ADICIONAIS
   ============================================================ */

.text-tls-primary { color: var(--tls-primary) !important; }
.text-tls-dark { color: var(--tls-dark) !important; }
.text-tls-info { color: var(--tls-info) !important; }

.bg-tls-primary { background-color: var(--tls-primary) !important; }
.bg-tls-dark { background-color: var(--tls-dark) !important; }
.bg-tls-info { background-color: var(--tls-info) !important; }
.bg-tls-warm { background-color: var(--tls-bg-warm) !important; }

.border-tls-primary { border-color: var(--tls-primary) !important; }

/* ============================================================
   OVERRIDES BOOTSTRAP
   ============================================================ */

/* Links */
a {
    color: var(--tls-link-color);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--tls-link-hover-color);
}

/* Botão primário personalizado */
.btn-primary {
    background-color: var(--tls-btn-primary-bg);
    border-color: var(--tls-btn-primary-border);
    color: var(--tls-btn-primary-color);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--tls-btn-primary-hover-bg);
    border-color: var(--tls-btn-primary-hover-border);
    color: var(--tls-btn-primary-color);
}

.btn-primary:active {
    background-color: var(--tls-btn-primary-hover-bg);
    border-color: var(--tls-btn-primary-hover-border);
}

/* Navbar escuro */
.bg-primary.navbar-dark {
    background-color: var(--tls-dark) !important;
}

/* Cards com sombra mais suave */
.card {
    box-shadow: var(--tls-box-shadow-sm);
    transition: box-shadow 0.2s ease;
}

.card:hover {
    box-shadow: var(--tls-box-shadow);
}

/* Alerts */
.alert-primary {
    background-color: var(--tls-alert-primary-bg);
    border-color: var(--tls-alert-primary-border);
    color: var(--tls-alert-primary-color);
}

/* Badges */
.badge.bg-primary {
    background-color: var(--tls-primary) !important;
}

/* ============================================================
   LOGIN SPECIFICO
   ============================================================ */

body.bg-login {
    background: linear-gradient(135deg, var(--tls-dark) 0%, #1a252f 100%);
}

.login-card {
    background: rgba(255, 255, 255, 0.98);
}

/* ============================================================
   DASHBOARD SPECIFICO
   ============================================================ */

.stat-card-primary .stat-icon {
    background: rgba(var(--tls-primary-rgb), 0.15);
    color: var(--tls-primary);
}

.stat-card-primary::before {
    background: var(--tls-primary);
}

.quick-action-icon.bg-primary {
    background: rgba(var(--tls-primary-rgb), 0.12) !important;
    color: var(--tls-primary) !important;
}

/* ============================================================
   SCROLLBAR PERSONALIZADA (WebKit)
   ============================================================ */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--tls-gray-200);
}

::-webkit-scrollbar-thumb {
    background: var(--tls-gray-400);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--tls-gray-500);
}

/* ============================================================
   SELEÇÃO DE TEXTO
   ============================================================ */

::selection {
    background-color: var(--tls-primary);
    color: white;
}