/* =====================================================================
 * SISTEMA DESIGN: ATIVO DIGITAL (A HOLDING CORPORATIVA)
 * =====================================================================
 * Este arquivo concentra os tokens espelhados no PLAYBOOK DE BRANDING.
 */

@font-face {
    font-family: 'Antonio';
    src: url('./tipografia/Antonio/Antonio-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('./tipografia/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('./tipografia/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

:root {
    /* ==================================================
   * 1. Paleta Numérica Primitiva (Tabela de Fundação)
   * ================================================== */

    /* Cores Principais (Tripé da Marca) */
    --ad-orange-primary: #FF5A00;
    /* Laranja - Energia, conversão, destaque */
    --ad-black-secondary: #161618;
    /* Off-Black - Luxo, contraste suave */
    --ad-gray-tertiary: #8E8E93;
    /* Cinza Titânio - Equilíbrio, transição */

    /* Cores de Apoio */
    --ad-blue-support: #252A61;
    --ad-yellow-support: #F0B829;
    --ad-cyan-support: #116967;

    /* Tons Neutros Base */
    --ad-gray-dark: #222222;
    --ad-gray-light: #A1A1A1;
    --ad-white: #FFFFFF;
    --ad-bg-offwhite: #F8FAFC;

    /* ==================================================
   * 2. Paleta Semântica (Usar estas nas classes CSS)
   * ================================================== */

    /* Design minimalista, muito espaço em branco */
    --bg-page: var(--ad-white);
    --bg-surface: var(--ad-bg-offwhite);
    --bg-surface-h: #E2E8F0;

    /* Textos transmitindo sofisticação e equilíbrio */
    --text-primary: var(--ad-gray-dark);
    --text-muted: var(--ad-gray-light);

    --border-color: #E2E8F0;

    /* Destaques e Ações */
    --accent-action: var(--ad-orange-primary);
    --accent-growth: var(--ad-yellow-support);
    --accent-trust: var(--ad-black-secondary);

    /* ==================================================
   * 3. Tipografia Global (Base no Playbook)
   * ================================================== */
    /* Primária: Antonio (Títulos) | Secundária: Inter (Corpo) */
    --font-institucional: 'Inter', system-ui, -apple-system, sans-serif;
    --font-titulos: 'Antonio', system-ui, sans-serif;

    --radius-sm: 4px;
    --radius-md: 8px;
}