/*
 * Automatise Hub — identidade visual pública.
 *
 * Fonte canônica dos tokens de marca. Carregado depois das folhas históricas
 * para manter o namespace técnico estável durante a migração SaaS.
 */
:root {
    --ah-color-ink: #0F172A;
    --ah-color-brand: #7C3AED;
    --ah-color-brand-hover: #6D28D9;
    --ah-color-brand-soft: #EDE9FE;
    --ah-color-tech-blue: #3B82F6;
    --ah-color-tech-blue-hover: #2563EB;
    --ah-color-tech-blue-soft: #DBEAFE;
    --ah-color-cta: #06D6A0;
    --ah-color-cta-hover: #05B889;
    --ah-color-surface: #F8FAFC;
    --ah-color-white: #FFFFFF;

    --color-primary: var(--ah-color-brand);
    --color-primary-hover: var(--ah-color-brand-hover);
    --color-primary-light: var(--ah-color-brand-soft);
    --color-tech-blue: var(--ah-color-tech-blue);
    --color-info: var(--ah-color-tech-blue);
    --color-info-light: var(--ah-color-tech-blue-soft);
    --color-cta: var(--ah-color-cta);
    --color-cta-hover: var(--ah-color-cta-hover);
    --color-on-cta: var(--ah-color-ink);
    --color-bg-secondary: var(--ah-color-surface);
    --color-text: var(--ah-color-ink);

    /* Compatibilidade com as folhas legadas. */
    --primary-color: var(--ah-color-brand);
    --primary-dark: var(--ah-color-brand-hover);
    --primary-rgb: 124, 58, 237;
    --secondary-color: var(--ah-color-ink);
    --secondary-light: #334155;
    --accent-color: var(--ah-color-cta);
    --accent-light: #5EEAD4;
    --background-color: var(--ah-color-surface);
    --surface-color: var(--ah-color-white);
    --text-primary: var(--ah-color-ink);
    --text-secondary: #475569;
    --border-color: #E2E8F0;
    --primary-gradient: linear-gradient(135deg, #3B82F6 0%, #7C3AED 100%);
}

::selection {
    color: var(--ah-color-white);
    background: var(--ah-color-brand);
}

a {
    text-decoration-color: rgba(124, 58, 237, 0.45);
}

/* CTA principal: azul profundo sobre verde atende ao contraste WCAG AA. */
.btn-primary,
.nav-link.btn-primary {
    color: var(--ah-color-ink) !important;
    background: var(--ah-color-cta) !important;
    border-color: var(--ah-color-cta) !important;
    box-shadow: 0 8px 20px rgba(6, 214, 160, 0.2);
}

.btn-primary:hover,
.btn-primary:focus-visible,
.nav-link.btn-primary:hover,
.nav-link.btn-primary:focus-visible {
    color: var(--ah-color-ink) !important;
    background: var(--ah-color-cta-hover) !important;
    border-color: var(--ah-color-cta-hover) !important;
    box-shadow: 0 10px 24px rgba(6, 214, 160, 0.28);
}

.btn-outline {
    color: var(--ah-color-brand);
    border-color: var(--ah-color-brand);
}

.brand-logo--automatise {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.brand-text {
    color: var(--ah-color-ink);
}

@media (max-width: 767px) {
    .brand-logo--automatise {
        width: 48px;
        height: 48px;
    }

    .brand-link--automatise .brand-text {
        display: none;
    }
}