/* =====================================================================
   ESCOLA FRAN TONELLO · A MARCA NO PAINEL

   Fonte da verdade: docs/marca/FT_manual-da-marca.pdf (páginas 10 e 11).
   Este arquivo é a tradução do manual para a tela, e nada mais — as
   decisões de painel (séries de gráfico, cores de status, tema escuro)
   ficam no dash.css, que consome os tokens daqui.

   Carregue ANTES do dash.css.

   -------------------------------------------------------------------
   POR QUE AS FONTES SÃO HOSPEDADAS AQUI E NÃO NO GOOGLE

   A Moderno FB é licenciada (Font Bureau) e não existe em CDN nenhum.
   Já que ela obriga a hospedar, as outras duas vêm junto: uma origem só,
   sem handshake com terceiro, e o painel continua com a cara certa se o
   Google estiver bloqueado na rede da escola.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. MODERNO FB · títulos e letterings de grande destaque
   O manual: "deve ser usada em títulos e letterings de grande destaque,
   além de textos mais densos. É uma fonte de muita personalidade."
   --------------------------------------------------------------------- */
@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}

/* ---------------------------------------------------------------------
   2. BEBAS NEUE · títulos menores, de menos destaque
   O manual: "escolhida com a intenção de quebrar a monotonia tipográfica,
   dando movimento aos textos." No painel ela é a voz dos RÓTULOS — o que
   fica em caixa alta acima de um número ou no cabeçalho de uma coluna.
   Condensada, ela devolve largura para a tabela.
   --------------------------------------------------------------------- */
@font-face{font-family:'Bebas Neue';src:url('../fonts/bebas-neue/bebas-neue-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}

/* ---------------------------------------------------------------------
   3. MONTSERRAT · corpo de texto
   O manual não define fonte de corpo — a escolha é da Fran e já vale no
   catálogo. O painel segue a mesma para os dois produtos parecerem da
   mesma casa.
   --------------------------------------------------------------------- */
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/montserrat-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/montserrat-500.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/montserrat-600.woff2') format('woff2');
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/montserrat-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

:root{
  /* =========================================================
     CORES DA MARCA · valores exatos do manual, página 11
     ========================================================= */
  --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 / tinta do texto */

  /* secundárias — o manual as descreve como "para fundos e detalhes" */
  --ft-rosa-nude:        #ede3e3;  /* Pantone 503 C */
  --ft-amarelo-palha:    #faf5b8;  /* Pantone yellow 0131 C */
  --ft-creme:            #edf2d6;  /* Pantone 2281 C */
  --ft-aqua-suave:       #e3f2f0;  /* Pantone 2204 C */
  --ft-verde-sage:       #96ae88;  /* Pantone 7494 C */
  --ft-charcoal:         #382b2e;  /* Pantone 7519 C */
  --ft-verde-menta:      #5cc2bf;  /* Pantone 2218 C */
  --ft-verde-claro:      #99cf8a;  /* Pantone 2261 C */
  --ft-taupe:            #d9dba3;  /* Pantone 5807 C */
  --ft-amarelo-vibrante: #f5f085;  /* Pantone 3935 C */
  --ft-salmon:           #ed8275;  /* Pantone 1775 C */
  --ft-rosa-peach:       #fac7b8;  /* Pantone 698 C */

  /* =========================================================
     TIPOGRAFIA · manual, página 10
     ========================================================= */
  --ft-display: 'Moderno FB', Georgia, 'Times New Roman', serif;
  --ft-rotulo:  'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
  --ft-corpo:   'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
