/* ═══════════════════════════════════════════
   EXPLORADOR — Design Tokens
   CSS Variables — cores, tipografia, espaçamento
   ═══════════════════════════════════════════ */

:root {
  /* ── Cores base (tema escuro / espacial — padrão) ── */
  --color-bg:          #0a0e1a;
  --color-surface:     #111827;
  --color-card:        #161d2e;
  --color-border:      #1e2d4a;

  /* ── Cores de acento ── */
  --color-gold:        #f5c542;
  --color-teal:        #2dd4bf;
  --color-purple:      #a78bfa;
  --color-coral:       #fb7185;
  --color-blue:        #60a5fa;

  /* ── Texto ── */
  --text-primary:      #e8eaf0;
  --text-secondary:    #8892aa;
  --text-muted:        #4a5568;
  --text-success:      #34d399;

  /* ── Tipografia ── */
  --font-body:         'Nunito', sans-serif;
  --font-mono:         'Space Mono', monospace;
  --font-size-xs:      11px;
  --font-size-sm:      13px;
  --font-size-base:    15px;
  --font-size-lg:      18px;
  --font-size-xl:      22px;
  --font-size-2xl:     28px;

  /* ── Espaçamento ── */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;

  /* ── Bordas ── */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-full: 999px;

  /* ── Transições ── */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;

  /* ── Sombras ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,.5);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.6);
}

/* ── Modo claro (laboratório) ── */
[data-theme="light"] {
  --color-bg:       #f8f9fc;
  --color-surface:  #ffffff;
  --color-card:     #f0f2f8;
  --color-border:   #dde1f0;
  --text-primary:   #1a1f36;
  --text-secondary: #4a5568;
  --text-muted:     #9aa5b4;
}

/* ── Alto contraste ── */
[data-theme="high-contrast"] {
  --color-bg:       #000000;
  --color-surface:  #0a0a0a;
  --color-card:     #111111;
  --color-border:   #ffffff;
  --text-primary:   #ffffff;
  --text-secondary: #cccccc;
  --color-gold:     #ffff00;
  --color-teal:     #00ffcc;
}