/*
 * Smasy brand tokens — single source of truth for public pages.
 * Source: docs/smasy-brand/guia-de-marca.html (v1.0 · 2026).
 *
 * Verde  → symbol, buttons, links (5.7:1 on white)
 * Coral  → the dot; small highlights only — never large areas, never small text
 * Grafite → wordmark, text, dark backgrounds (16.6:1 on white)
 * Menta  → symbol/accents on dark backgrounds
 * Névoa  → section backgrounds
 *
 * Fonts are self-hosted (SIL OFL 1.1): Quicksand for headings, Figtree for UI/body.
 */

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('/fonts/brand/quicksand-latin-wght-normal.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('/fonts/brand/figtree-latin-wght-normal.woff2') format('woff2-variations');
}

:root {
    /* Core palette (guide) */
    --smasy-verde: #00736A;
    --smasy-coral: #FF6347;
    --smasy-grafite: #141F2B;
    --smasy-menta: #2FBFAE;
    --smasy-nevoa: #F2F6F5;

    /* Guide support neutrals */
    --smasy-bg: #F7FAF9;
    --smasy-surface: #FFFFFF;
    --smasy-texto-suave: #56646F;
    --smasy-linha: #DCE5E3;

    /* Derived shades (same hue as the core palette) */
    --smasy-verde-escuro: #005C55;
    --smasy-verde-claro: #E0F0EE;
    --smasy-verde-medio: #B8DCD8;
    --smasy-coral-claro: #FFE9E4;
    --smasy-grafite-medio: #2C3A47;

    /* Typography */
    --smasy-font-titulo: 'Quicksand', ui-rounded, ui-sans-serif, system-ui, sans-serif;
    --smasy-font-corpo: 'Figtree', ui-sans-serif, system-ui, sans-serif;
}