/* assets/css/main.css */
/* Variáveis globais e estilos base */

:root {
    --color-primary:    #10396B;
    --color-primary-dark: #0A2A4F;
    --color-primary-light: #1A5E8A;
    --color-secondary:  #637B7B;
    --color-aux:        #849494;
    --color-bg:         #f4f6f4;
    --color-white:      #ffffff;
    --color-text:       #333333;
    --color-text-light: #666666;
    --color-border:     #dee2e6;
    --color-danger:     #dc3545;
    --sidebar-width:    260px;
    --topbar-height:    60px;
    --transition:       all 0.3s ease;
    --shadow-sm:        0 2px 8px rgba(0,0,0,0.08);
    --shadow-md:        0 4px 16px rgba(0,0,0,0.12);
    --radius:           8px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    font-size: 14px;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Layout principal */
.wrapper {
    display: flex;
    min-height: 100vh;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    transition: var(--transition);
    min-width: 0;
}

.content-area {
    flex: 1;
    padding: 24px;
    background-color: var(--color-bg);
}

/* Utilitários */
.text-primary-custom { color: var(--color-primary); }
.bg-primary-custom   { background-color: var(--color-primary); }

/* Botão padrão do sistema */
.btn-portal {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
    padding: 10px 24px;
    border-radius: var(--radius);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    width: 100%;
}

.btn-portal:hover {
    background-color: var(--color-primary-dark);
    box-shadow: 0 4px 12px rgba(16, 107, 57, 0.35);
    transform: translateY(-1px);
}

.btn-portal:active {
    transform: translateY(0);
}