:root {
    --color-brand-blue: #0071BC;
    --color-brand-blue-dark: #005A96;
    --color-brand-blue-light: #EAF4FB;
    --color-brand-gray: #808080;
    --color-bg-white: #FFFFFF;
    --color-bg-alt: #F5F7FA;
    --color-border: #DEE4EA;
    --color-text-primary: #263238;
    --color-text-secondary: #5F6B76;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 400;
    color: var(--color-text-primary);
    background-color: var(--color-bg-white);
}

/* Títulos em Inter peso 600 ou 700 e cor #263238 */
h1, h2, h3, h4, .font-display {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.015em;
}

/* Números tabulares para valores financeiros */
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Foco visível com o azul da marca #0071BC */
:focus-visible {
    outline: 2px solid var(--color-brand-blue);
    outline-offset: 2px;
}

/* Barra de rolagem discreta em tabelas */
.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--color-bg-alt);
    border-radius: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--color-brand-gray);
}

/* Animação discreta respeitando preferência de movimento reduzido */
@media (prefers-reduced-motion: no-preference) {
    .fade-in-up {
        animation: fadeInUp 0.35s ease-out both;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Linha selecionada na tabela de Cartas Contempladas */
tr.cota-selected {
    background-color: var(--color-brand-blue-light) !important;
}