/* ═══════════════════════════════════════════════════════
   TRIAKORVO — css/tokens.css
   Tokens de design compartilhados por todas as telas.
   Fonte única — não redefinir fora daqui.
═══════════════════════════════════════════════════════ */

:root {
  /* ── Superfícies ── */
  --bg:        #07070f;
  --surface:   #0d0d1a;
  --surface-2: #12121f;
  --surface-3: #0a0a12;
  --border:    #2a2a3a;
  --border-2:  #1e1e2e;

  /* ── Texto ── */
  --text:      #c8c8e8;
  --text-dim:  #6a6a8a;
  --text-mute: #4a4a6a;

  /* ── Ouro (cor primária do universo) ── */
  --gold:      #c8a96e;
  --gold-dim:  #7a6020;
  --gold-deep: #1a1400;
  --gold-glow: rgba(200,169,110,.22);

  /* ── Cores de sistema genéricas ── */
  --red:       #cc4444;
  --red-dim:   #2a0808;
  --blue:      #3388ff;
  --blue-dim:  #051a2a;
  --green:     #22aa55;
  --green-dim: #0a1f0a;
  --purple:    #8a8acc;
  --orange:    #ff8844;

  /* ── Fundamentos (paleta canônica) ── */
  --morte:       #888888;   /* cinza — representação da ausência */
  --morte-bg:    #0d0d12;
  --morte-glow:  rgba(136,136,136,.15);

  --medo:        #6a6aaa;   /* cinza azulado */
  --medo-bg:     #0f0f1a;
  --medo-glow:   rgba(106,106,170,.15);

  --dogma:       #c8a96e;   /* dourado — lei, conhecimento */
  --dogma-bg:    #1a1400;
  --dogma-glow:  rgba(200,169,110,.18);

  --pacto:       #8b1a1a;   /* vinho escuro */
  --pacto-bright:#cc4444;
  --pacto-bg:    #1a0505;
  --pacto-glow:  rgba(139,26,26,.2);

  --guerra:      #b85c00;   /* ferrugem / laranja queimado */
  --guerra-bg:   #1a0f00;
  --guerra-glow: rgba(184,92,0,.18);

  --nexo:        #c8eeff;   /* branco azulado — eletricidade */
  --nexo-bright: #88ccff;
  --nexo-bg:     #060d14;
  --nexo-glow:   rgba(136,204,255,.12);

  /* ── Tipografia ── */
  --font-body:    "IM Fell English", Georgia, serif;
  --font-display: "Cinzel Decorative", "Palatino Linotype", serif;
  --font-ui:      "Cinzel", "Palatino Linotype", serif;

  /* ── Forma ── */
  --radius:    2px;
  --radius-sm: 1px;

  /* ── Noise texture (fractal, aplicado via body::before) ── */
  --noise-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
