/* ==========================================================================
   Design tokens
   Única fonte de verdade para cores, sombras e espaçamentos do site.
   Carregado antes de qualquer outro CSS.
   ========================================================================== */

:root {
    /* Fundos, do mais escuro ao mais claro */
    --bg-0: #0b0c10;
    --bg-1: #111418;
    --bg-2: #161b22;
    --bg-3: #1c2129;
    --bg-card: #15253a;

    /* Cor de destaque (dourado da marca) */
    --accent-color: #bf9853;
    --accent-hover: #b08d1f;
    --accent-light: #e8c86b;

    /* Texto */
    --title-color: #ffffff;
    --text-color: #e0e0e0;
    --text-muted: #94a3b8;
    --text-dark: #0f1620;

    /* Bordas e sombras */
    --border-color: rgba(255, 255, 255, 0.08);
    --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-soft: 0 2px 6px rgba(0, 0, 0, 0.25);

    /* Neutros absolutos */
    --white: #ffffff;
    --black: #000000;

    /* Estados de formulário */
    --success-color: #4ade80;
    --error-color: #f87171;

    /*
     * Aliases de compatibilidade.
     *
     * O CSS antigo referenciava estes três nomes, que nunca foram definidos:
     * na prática as regras que os usavam ficavam sem cor (o card do formulário
     * de contato, por exemplo, renderizava transparente). Estão mapeados para
     * os tokens equivalentes da paleta. Ao remover os últimos usos, apague-os.
     */
    --primary-color: var(--bg-1);
    --secondary-color: var(--bg-3);
    --card-bg-color: var(--bg-card);

    /* Layout */
    --container-width: 70%;
    --container-width-mobile: 95%;
    --navbar-height: 80px;
}