/* ============================================================
   PDF Infinito — Design Tokens
   Fonte canônica: PDF-INFINITO-PROTOTIPO.html
   Não alterar sem atualizar o protótipo como referência.
   ============================================================ */

:root {
  /* ── Superfícies ─────────────────────────────────────────── */
  --bg:        #0e0e0f;
  --bg2:       #141415;
  --bg3:       #1a1a1c;
  --bg4:       #222225;

  /* ── Bordas ──────────────────────────────────────────────── */
  --border:    rgba(255, 255, 255, 0.06);
  --border2:   rgba(255, 255, 255, 0.12);

  /* ── Texto ───────────────────────────────────────────────── */
  --text:      #e8e6e0;
  --text2:     #8a8880;
  --text3:     #5a5856;

  /* ── Acento dourado ──────────────────────────────────────── */
  --accent:       #c8a96e;
  --accent2:      #a08040;
  --accent-dim:   rgba(200, 169, 110, 0.08);
  --accent-dim2:  rgba(200, 169, 110, 0.15);

  /* ── Categorias de anotação ──────────────────────────────── */
  --cat-conceito:    #c8a96e;   /* dourado — acento padrão */
  --cat-duvida:      #6090b0;   /* azul */
  --cat-referencia:  #6a9a6a;   /* verde */
  --cat-divergencia: #c06060;   /* vermelho */
  --cat-citacao:     #9a6ab0;   /* roxo */

  --red:   #c06060;
  --green: #6a9a6a;
  --blue:  #6090b0;

  /* ── Layout ──────────────────────────────────────────────── */
  --sidebar-w:    260px;
  --panel-w:      300px;
  --toolbar-h:    48px;
  --statusbar-h:  28px;

  /* ── Tipografia ──────────────────────────────────────────── */
  --font-ui:     'Outfit', sans-serif;
  --font-serif:  'Cormorant Garamond', serif;
  --font-mono:   'DM Mono', monospace;

  /* ── Transições ──────────────────────────────────────────── */
  --t-fast:   0.12s ease;
  --t-normal: 0.2s ease;
  --t-slow:   0.35s ease;

  /* ── Raios ───────────────────────────────────────────────── */
  --r-sm:  4px;
  --r-md:  6px;
  --r-lg:  8px;
  --r-xl:  10px;
}