/* ===========================================================================
   BEEHAUS TOKENS — fonte única de verdade da identidade visual
   Importar ANTES de qualquer outro CSS autoral (index, entrada-v4, studio-v4,
   obra-001, dashboard, credits/*). Só variáveis + @font-face: nenhuma regra de
   elemento, pra não deslocar layout. Ciclo 1 (Identidade + Experiência).
   Paleta oficial · BHNohemi display / Inter UI · Outfit aposentada.
   =========================================================================== */

/* ---- Tipografia da marca (woff2 na raiz) ---- */
/* BHNohemi — display (títulos e números de destaque em TODAS as superfícies) */
@font-face { font-family:'BHNohemi'; src:url('Nohemi-ExtraLight_8ad2be415106.woff2') format('woff2'); font-weight:200; font-display:swap; }
@font-face { font-family:'BHNohemi'; src:url('Nohemi-Light_7620ef614d92.woff2')     format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'BHNohemi'; src:url('Nohemi-Regular_aa757f61cb7a.woff2')   format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'BHNohemi'; src:url('Nohemi-Medium_b5049b433666.woff2')    format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'BHNohemi'; src:url('Nohemi-SemiBold_a59f0b81eeb0.woff2')  format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'BHNohemi'; src:url('Nohemi-Bold_38c4753d1e16.woff2')      format('woff2'); font-weight:700; font-display:swap; }
/* BHSatoshi — voz mono/técnica (HUDs, legendas, carimbos) */
@font-face { font-family:'BHSatoshi'; src:url('Satoshi-Regular_164ce8be642c.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'BHSatoshi'; src:url('Satoshi-Medium_42e519648504.woff2')  format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'BHSatoshi'; src:url('Satoshi-Bold_24a04fec9d82.woff2')    format('woff2'); font-weight:700; font-display:swap; }

:root {
  /* ---- Cores oficiais (identidade Beehaus) ---- */
  --bh-blue: #00A0F2;                      /* accent primário — CTA, links, foco, azul único */
  --bh-blue-hover: #0089d1;                /* hover / stop escuro de gradiente azul */
  --bh-teal: #4FB4AC;                      /* accent secundário — ícones, detalhes */
  --bh-navy: #123759;                      /* profundidade — glow, fundos */
  --bh-gold: #cfad7a;                      /* accent terciário — premium, favorita, raro */

  /* Neutros */
  --bh-fg: #ffffff;
  --bh-fg-soft: rgba(255, 255, 255, .5);   /* texto secundário */
  --bh-fg-mute: rgba(255, 255, 255, .4);   /* legendas/labels */
  --bh-border: rgba(255, 255, 255, .05);
  --bh-border-strong: rgba(255, 255, 255, .1);

  /* Darks (sistema/técnica) */
  --bh-dark: #05080c;
  --bh-dark-2: #0c0e12;
  --bh-dark-3: #06080a;
  /* Claros (vida/produto) */
  --bh-light: #fcfcfc;
  --bh-light-2: #F5F5F7;

  /* Estado */
  --bh-error: #ef4444;                     /* erro — NUNCA vira dourado */

  /* ---- Forma ---- */
  --bh-radius: 1rem;                        /* cards, inputs, botões */
  --bh-radius-lg: 2.5rem;                   /* painéis grandes */
  --bh-radius-md: 2rem;                     /* intermediário */
  --bh-radius-pill: 999px;                  /* badges/pills */

  /* ---- Sombra / movimento ---- */
  --bh-shadow-soft: 0 25px 50px -12px rgba(0, 0, 0, .5);
  --bh-shadow-inset: inset 0 2px 6px rgba(0, 0, 0, .25);
  --bh-shadow-blue: 0 8px 25px rgba(0, 160, 242, .3);
  --bh-shadow-blue-hover: 0 12px 35px rgba(0, 160, 242, .4);
  --bh-ease: cubic-bezier(.16, 1, .3, 1);

  /* ---- Tipografia ---- */
  --bh-font: 'Inter', system-ui, sans-serif;              /* UI: corpo, botões, forms */
  --bh-font-display: 'Bricolage Grotesque', 'Inter', sans-serif; /* display: títulos e números — MESMA da home (Opção 1) */
  --bh-font-mono: 'BHSatoshi', 'Inter', monospace;        /* HUDs, legendas, carimbos */
}