/*
 * GO3M · Identidade visual oficial — camada central de branding.
 *
 * Fonte: https://go3m.com.br/ (CSS da página inicial, Elementor post-328.css, e logo oficial).
 * Os valores globais do kit Elementor (post-7.css: #6EC1E4, #54595F, #7A7A7A, #61CE70) são
 * padrões do Elementor não usados no site e foram descartados.
 *
 * Consumido por admin.css (painel administrativo e preview) e slide-templates.css (TV).
 * Nenhum outro arquivo deve declarar HEX de marca: use os tokens abaixo.
 * Fonte local (sem CDN em runtime): Bai Jamjuree, SIL Open Font License, subset latin.
 */

@font-face {
    font-family: "Bai Jamjuree";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/bai-jamjuree/bai-jamjuree-400-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Bai Jamjuree";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/bai-jamjuree/bai-jamjuree-500-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Bai Jamjuree";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/bai-jamjuree/bai-jamjuree-600-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Bai Jamjuree";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/bai-jamjuree/bai-jamjuree-700-latin.woff2") format("woff2");
}

:root {
    /* ---- Official palette (go3m.com.br) ---- */
    --go3m-teal: #2B8C8C;          /* rgb(43,140,140)  botões, ícones e destaques do site */
    --go3m-teal-deep: #0B2727;     /* rgb(11,39,39)    superfícies escuras em teal */
    --go3m-ink: #2C2C2C;           /* rgb(44,44,44)    títulos e texto principal */
    --go3m-gray: #515151;          /* rgb(81,81,81)    texto secundário */
    --go3m-gray-light: #6F6F6F;    /* rgb(111,111,111) texto auxiliar */
    --go3m-surface: #F4F4F4;       /* rgb(244,244,244) fundos de seção claros */
    --go3m-black: #000000;         /* hero e rodapé do site */
    --go3m-white: #FFFFFF;

    /* ---- Derived (accessibility) — documented in AI_HANDOFF ----
       White text on #2B8C8C is 4.0:1 (fails AA for normal text), so filled controls
       with white labels use the darker teal (5.4:1); teal text on white uses it too. */
    --go3m-teal-strong: #237575;   /* rgb(35,117,117) */
    --go3m-teal-darker: #1B5C5C;   /* rgb(27,92,92)   hover/active */
    --go3m-teal-tint: #E7F2F2;     /* rgb(231,242,242) fundos suaves */
    --go3m-teal-tint-line: #BFDCDC;/* rgb(191,220,220) bordas suaves */
    --go3m-teal-light: #8CCACA;    /* rgb(140,202,202) teal sobre fundo escuro */
    --go3m-teal-night: #061616;    /* rgb(6,22,22)     fundo escuro mais profundo */

    /* ---- Semantic brand tokens (use these in components) ---- */
    --brand-primary: var(--go3m-teal);
    --brand-primary-strong: var(--go3m-teal-strong);
    --brand-primary-dark: var(--go3m-teal-darker);
    --brand-primary-tint: var(--go3m-teal-tint);
    --brand-primary-tint-line: var(--go3m-teal-tint-line);
    --brand-primary-on-dark: var(--go3m-teal-light);
    --brand-secondary: var(--go3m-teal-deep);
    --brand-surface-dark: var(--go3m-teal-deep);
    --brand-surface-night: var(--go3m-teal-night);
    --brand-surface: var(--go3m-surface);
    --brand-text: var(--go3m-ink);
    --brand-text-soft: var(--go3m-gray);
    --brand-text-muted: var(--go3m-gray-light);
    --brand-on-primary: var(--go3m-white);

    --brand-font: "Bai Jamjuree", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Logo: official file has light lettering + teal symbol → only on dark surfaces */
    --brand-logo-ratio: 1620 / 443;
}

/* Logo helper: proportional, never stretched or filtered */
.brand-logo {
    display: block;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    flex: 0 0 auto;
}