/*
 * Identidade do IntegraLegal para o blog.
 *
 * O blog.css (mesma estrutura e comportamento do blog de referência) lê só um
 * conjunto pequeno de variáveis `--az-*`. Aqui elas recebem as cores, fontes e
 * raios do IntegraLegal — os mesmos da landing (public/landing-nova/nl.css) —
 * e nada fora do blog é afetado: o arquivo só é carregado pelas páginas /blog.
 */

/* Escuro (padrão do componente) */
:root {
    --az-primary: #a85ef0;
    --az-primary-hover: #c08af5;
    --az-primary-light: #c9a2f7;
    --az-accent: #d4a640;

    --az-bg: #0b0a1a;
    --az-bg-secondary: #110f25;
    --az-surface: #16132e;
    --az-card: #151230;
    --az-card-hover: #1b1838;

    --az-border: rgba(255, 255, 255, 0.08);
    --az-border-hover: rgba(168, 94, 240, 0.5);

    --az-text: #f1effa;
    --az-text-muted: #b3add2;

    --az-success: #34d399;
    --az-danger: #fb7185;

    --az-radius-sm: 8px;
    --az-radius: 14px;
    --az-radius-lg: 20px;
    --az-radius-pill: 999px;

    --az-shadow: 0 18px 45px -22px rgba(4, 2, 18, 0.9);

    --az-fast: 160ms;
    --az-base: 280ms;
    --az-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

    --az-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --az-font-titulo: "Manrope", "Inter", system-ui, sans-serif;
    --az-shell: 1200px;
    --az-header-h: 72px;
}

/* Claro (o que o visitante recebe por padrão) */
.az-page.light {
    --az-primary: #7426c9;
    --az-primary-hover: #3e1b9a;
    --az-primary-light: #7426c9;
    --az-accent: #b0801f;

    --az-bg: #f7f5fc;
    --az-bg-secondary: #efebf8;
    --az-surface: #ffffff;
    --az-card: #ffffff;
    --az-card-hover: #ffffff;

    --az-border: rgba(40, 28, 90, 0.10);
    --az-border-hover: rgba(116, 38, 201, 0.4);

    --az-text: #17122f;
    --az-text-muted: #565076;

    --az-shadow: 0 18px 40px -24px rgba(46, 30, 110, 0.32);
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--az-header-h) + 16px);
}

body.az-page {
    margin: 0;
    background-color: var(--az-bg);
    color: var(--az-text);
    font-family: var(--az-font);
    font-size: 1rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.az-page :where(h1, h2, h3, h4, h5, h6) {
    color: var(--az-text);
    font-family: var(--az-font-titulo);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0;
}

.az-page :where(p) {
    margin: 0;
    color: var(--az-text-muted);
}

.az-page :where(a) {
    color: var(--az-primary-light);
    text-decoration: none;
    transition: color var(--az-fast) var(--az-ease);
}

.az-page :where(a):hover {
    color: var(--az-primary);
}

.az-page :where(img) {
    max-width: 100%;
}

.az-page ::selection {
    background: rgba(140, 55, 225, 0.3);
    color: #fff;
}

.az-shell {
    width: 100%;
    max-width: var(--az-shell);
    margin-inline: auto;
    padding-inline: 20px;
    box-sizing: border-box;
}

/* Logo do IntegraLegal: versão clara no tema claro, branca no escuro. */
.bz-logo-claro, .bz-logo-escuro { height: 32px; width: auto; display: inline-block; vertical-align: middle; }
.bz-logo-escuro { display: none; }
body.dark .bz-logo-claro { display: none; }
body.dark .bz-logo-escuro { display: inline-block; }
.bz-rodape__marcalink { display: inline-flex; }
@media (max-width: 480px) {
    .bz-logo-claro, .bz-logo-escuro { height: 26px; }
}