/* =====================================================================
   tokens.css — bloomingcannabiscup.com
   DNA visual da Blooming Cup 2026.

   PORTADO de referencia_offline/public/app.css e de BIBLIA.md secoes 3,
   4 e 5. Os valores sao IDENTICOS aos do programa offline: BIBLIA.md
   secao 2 ("preservar identidade antes de inventar") e CLAUDE.md regra 8
   proibem trocar esta paleta por uma generica.

   Nao adicionar cor nova aqui sem aprovacao.
   ===================================================================== */

:root {

  /* ---------------------------------------------------------------
     PALETA — BIBLIA.md secao 3, verbatim.
     --------------------------------------------------------------- */
  --teal:     #0F6B5C;
  --teal-dk:  #0A4A3F;
  --teal-lt:  #E8F2EF;
  --teal-mid: #3E9083;

  --pink:     #E8536F;
  --pink-dk:  #C13A54;
  --pink-lt:  #FDEEF1;

  --gold:     #C98A2E;
  --gold-lt:  #FBF3E4;

  --ink:      #15201E;
  --ink-2:    #41524E;
  --mute:     #7A8B86;

  --line:     #D9E4E0;
  --line-2:   #EDF3F1;

  --paper:    #FFFFFF;
  --desk:     #F4F7F5;
  --cream:    #FFF9F2;

  --ok:       #1F7A52;
  --ok-lt:    #E6F5ED;

  --warn:     #B8791B;
  --warn-lt:  #FDF4E3;

  --bad:      #C1332F;
  --bad-lt:   #FCEEED;

  /* Bordas de pill e code. Estavam embutidas no app.css offline; viraram
     token aqui porque se repetem e derivam da paleta acima. */
  --ok-line:   #BEE4D2;
  --warn-line: #F0DDB4;
  --bad-line:  #F3C9C7;
  --teal-line: #BFDCD5;
  --gold-line: #EBD5AA;
  --pink-line: #F6C9D2;

  /* Tons sobre o teal escuro da sidebar — app.css offline. */
  --nav-fg:      #CFE2DD;
  --nav-fg-soft: #8FB8AE;
  --nav-fg-dim:  #6E9C92;
  --nav-fg-hi:   #FFF3E8;

  /* ---------------------------------------------------------------
     TIPOGRAFIA — BIBLIA.md secao 4.
     Sem fonte externa: BIBLIA.md secao 4 e 23 pedem para evitar download
     de fonte na primeira versao.
     --------------------------------------------------------------- */
  --sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, -apple-system, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "DejaVu Sans Mono", monospace;

  --fs-base:  15px;
  --fs-sm:    13.5px;
  --fs-xs:    12.5px;
  --fs-2xs:   11.5px;
  --lh:       1.55;

  /* ---------------------------------------------------------------
     GEOMETRIA — BIBLIA.md secao 5.
     "Arredondamento moderado. Nao usar estilo app fintech generico."
     --------------------------------------------------------------- */
  --r:      8px;
  --r-sm:   5px;
  --r-pill: 999px;
  --nav-w:  242px;

  /* Sombras discretas — app.css offline. */
  --sh:    0 1px 2px rgba(21, 32, 30, .06), 0 4px 14px -6px rgba(21, 32, 30, .10);
  --sh-lg: 0 12px 40px -12px rgba(21, 32, 30, .28);

  /* ---------------------------------------------------------------
     ESPACAMENTO
     Tokens novos, valores herdados. CLAUDE.md pede "sem valores magicos
     repetidos"; BIBLIA.md pede fidelidade ao offline. Estes sao os
     espacamentos que o app.css offline mais repete, agora nomeados — o
     resultado visual e identico.
     --------------------------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 9px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 18px;
  --sp-7: 26px;

  /* ---------------------------------------------------------------
     LARGURAS
     --------------------------------------------------------------- */
  --w-content: 1420px;   /* app.css offline: .content max-width */
  --w-panel:   460px;    /* BIBLIA.md secao 6: 1fr min(460px, 100%) */
  --w-form:    520px;

  /* ---------------------------------------------------------------
     MOVIMENTO
     Neutralizado sob prefers-reduced-motion em app.css.
     BIBLIA.md secao 22.
     --------------------------------------------------------------- */
  --t-fast: .12s;
  --t-med:  .2s;
}

/* ---------------------------------------------------------------------
   BREAKPOINTS (referencia — nao usaveis em @media)

   Custom property nao funciona dentro de @media. Os valores abaixo sao
   os do programa offline e estao repetidos literalmente em app.css.

     601px   telefone grande / tablet pequeno
     861px   login lado a lado          (BIBLIA.md secao 6)
     901px   shell do admin com sidebar (app.css offline)
    1200px   telas largas

   Alvos de teste da CHECKLIST.md FASE 14:
     360x800  390x844  430x932  768x1024  1366x768  1920x1080
   --------------------------------------------------------------------- */