/* =====================================================================
   ESCOLA FRAN TONELLO · IDENTIDADE VISUAL
   Fonte: Manual da Marca oficial (mesmos tokens de
   biscoitos/css/fran-tonello-design-tokens.css, aplicados ao catálogo).

   Este arquivo tem duas responsabilidades:
     1. carregar a Moderno FB auto-hospedada (@font-face);
     2. publicar as cores e famílias da marca como tokens --ft-*.

   O css/styles.css consome esses tokens nas suas próprias variáveis
   (--green, --lime, --ink…), que é o que os componentes já usam. Assim
   a marca entra sem reescrever milhares de regras.

   Carregue ANTES do styles.css.
   ===================================================================== */

/* ---------------------------------------------------------------------
   MODERNO FB · títulos principais e letterings
   Fonte licenciada (Font Bureau). Os .otf originais estão em
   fonts/moderno_fb/; aqui usamos os .woff2 convertidos (~40% menores).
   Se a licença não cobrir uso web, basta apagar estes @font-face:
   o fallback (Playfair Display, Georgia) assume sozinho.
   --------------------------------------------------------------------- */
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-300.woff2') format('woff2');
  font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-300i.woff2') format('woff2');
  font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-400i.woff2') format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-600.woff2') format('woff2');
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-600i.woff2') format('woff2');
  font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Moderno FB';src:url('../fonts/moderno-fb/moderno-fb-700i.woff2') format('woff2');
  font-weight:700;font-style:italic;font-display:swap}

:root{
  /* =========================================================
     CORES DA MARCA · valores exatos do manual
     ========================================================= */
  --ft-verde-lima:       #d5e05b;  /* Pantone 584 C   · polpa clara do abacate */
  --ft-verde-medio:      #82b450;  /* Pantone 584 C v · polpa média */
  --ft-verde-escuro:     #003c2b;  /* Pantone 3308 C  · casca / fundo dark */
  --ft-verde-sage:       #96ae88;  /* Pantone 7494 C */
  --ft-verde-menta:      #5cc2bf;  /* Pantone 2218 C  · destaque teal */
  --ft-verde-claro:      #99cf8a;  /* Pantone 2261 C */
  --ft-creme:            #edf2d6;  /* Pantone 2281 C  · fundo principal */
  --ft-rosa-nude:        #ede3e3;  /* Pantone 503 C   · fundo alternativo quente */
  --ft-aqua-suave:       #e3f2f0;  /* Pantone 2204 C */
  --ft-amarelo-palha:    #faf5b8;  /* Pantone yellow 0131 C */
  --ft-amarelo-vibrante: #f5f085;  /* Pantone 3935 C */
  --ft-salmon:           #ed8275;  /* Pantone 1775 C */
  --ft-rosa-peach:       #fac7b8;  /* Pantone 698 C */
  --ft-taupe:            #d9dba3;  /* Pantone 5807 C */
  --ft-charcoal:         #382b2e;  /* Pantone 7519 C  · texto principal */

  /* =========================================================
     DERIVADAS · legibilidade
     O manual define as cores para material impresso e para uso
     como CHAPA (fundo grande). Duas delas reprovam em contraste
     quando viram TEXTO sobre o creme, então cada uma ganha um par:
     a cor do manual para preencher, a derivada para escrever.
     Todas as derivadas passam 4.5:1 (WCAG AA) sobre creme e papel.
     ========================================================= */
  --ft-salmon-texto:     #a64335;  /* salmon escurecido · 4.63–5.60:1 (o #ed8275 dá só 2.27:1) */
  --ft-verde-medio-texto:#4c6930;  /* verde-médio escurecido · 4.77–5.78:1 (o #82b450 dá só 2.13:1) */
  --ft-branco:           #ffffff;  /* fundo de página */
  --ft-creme-claro:      #f6f9ec;  /* tint bem leve do creme · fundo de card sobre o branco */
  --ft-creme-borda:      #e2e9d3;  /* shade do creme · bordas e divisórias */
  --ft-charcoal-suave:   #6e6266;  /* charcoal dessaturado · texto secundário · 5.07:1 */

  /* =========================================================
     TIPOGRAFIA · manual da marca
       1. Moderno FB — títulos principais e letterings
       2. Bebas Neue — subtítulos e títulos secundários
       3. Montserrat — corpo de texto e parágrafos
          (o manual não especificava corpo de texto; definido pela Fran)
     ========================================================= */
  --ft-font-display: 'Moderno FB', 'Playfair Display', Georgia, serif;
  --ft-font-heading: 'Bebas Neue', 'Oswald', sans-serif;
  --ft-font-body:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}