/* ============================================================
   Tokens de design — Ofício Único de Rorainópolis
   Conceito: livro-registro. Capa em tinta escura, páginas em
   pergaminho, selo oficial como elemento de assinatura, dados
   financeiros em fonte de livro-caixa.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root {
    /* Cor */
    --cor-ink: #890629;
    --cor-ink-2: #a01f40;
    --cor-parchment: #F6F1E4;
    --cor-parchment-2: #EFE7D3;
    --cor-seal: #B8862B;
    --cor-seal-dark: #8f6a1f;
    --cor-green: #2F5233;
    --cor-green-light: #eef3ec;
    --cor-text: #362F26;
    --cor-text-soft: #6b6255;
    --cor-rule: #DCD2B8;
    --cor-erro: #a13d2f;
    --cor-erro-bg: #fbeeec;

    /* Tipografia */
    --fonte-display: 'Fraunces', Georgia, serif;
    --fonte-corpo: 'Public Sans', system-ui, -apple-system, sans-serif;
    --fonte-dado: 'IBM Plex Mono', 'Courier New', monospace;
}

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--fonte-corpo);
    color: var(--cor-text);
    background: var(--cor-parchment);
    line-height: 1.6;
}

h1, h2, h3 {
    font-family: var(--fonte-display);
    font-weight: 600;
    margin: 0;
}

a {
    color: var(--cor-green);
}

.eyebrow {
    font-family: var(--fonte-corpo);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* Foco visível pra navegação por teclado */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--cor-seal);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===== Cartão de link (usado na home e em Custas e Emolumentos) ===== */
.cartao-link {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: var(--cor-parchment-2);
    border: 1px solid var(--cor-rule);
    border-radius: 3px;
    padding: 1rem 1.15rem;
    text-decoration: none;
    color: var(--cor-text);
}

.cartao-link-icone {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-bottom: 0.2rem;
    border-radius: 3px;
}

.cartao-link:hover {
    border-color: var(--cor-seal);
}

.cartao-link strong {
    font-family: var(--fonte-display);
    font-size: 1rem;
}

.cartao-link span {
    font-size: 0.85rem;
    color: var(--cor-text-soft);
}

/* ===== Rodapé padrão (todas as páginas) ===== */
.rodape-padrao {
    background: var(--cor-ink);
    color: #a9a08a;
    text-align: center;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.rodape-padrao p {
    margin: 0;
    font-size: 0.85rem;
}

.rodape-padrao .credito {
    font-size: 0.78rem;
}

.rodape-padrao a {
    color: #a9a08a;
    text-decoration: none;
}

.rodape-padrao a:hover {
    text-decoration: underline;
}

.rodape-padrao .rodape-area-restrita {
    font-size: 0.8rem;
    margin-top: 0.2rem;
    display: inline-block;
}