/* ═══════════════════════════════════════════
   Professor · by GoUp Brasil — Design Tokens
   Paleta derivada da identidade GoUp (goupbrasil.com):
   índigo profundo + ouro #FFC42E + lilás elétrico.
   Mesmo sistema usado em explorador.goupbrasil.com.
   ═══════════════════════════════════════════ */

:root {
  /* ── Cores base (tema escuro / índigo GoUp) ── */
  --goup-bg:        #0c0a1c;
  --goup-surface:   #141126;
  --goup-card:      #1a1633;
  --goup-border:    #272144;

  /* ── Cores de acento ── */
  --goup-gold:      #ffc42e;   /* assinatura GoUp */
  --goup-gold-deep: #e8a000;
  --goup-teal:      #2dd4bf;
  --goup-purple:    #a79bff;   /* lilás GoUp */
  --goup-electric:  #4b38f0;   /* roxo elétrico GoUp */
  --goup-coral:     #fb7185;
  --goup-blue:      #60a5fa;

  /* ── Texto (sobre fundo escuro) ── */
  --goup-text-primary:   #e9e6fe;
  --goup-text-secondary: #9a93c9;
  --goup-text-muted:     #4b4768;
  --goup-text-success:   #34d399;
  --goup-text-on-gold:   #1a1200;

  /* ── Tipografia (stack GoUp) ── */
  --goup-font-display: 'Archivo', 'Instrument Sans', sans-serif;
  --goup-font-body:    'Instrument Sans', system-ui, sans-serif;
  --goup-font-mono:    'IBM Plex Mono', monospace;

  /* ── Bordas / sombras ── */
  --goup-radius-sm: 8px;
  --goup-radius-md: 12px;
  --goup-radius-lg: 16px;
  --goup-shadow-gold: 0 4px 16px rgba(255, 196, 46, .25);
}

/* ── Base tipográfica GoUp ── */
.goup-body {
  font-family: var(--goup-font-body);
  color: var(--goup-text-primary);
  background: var(--goup-bg);
}

.goup-display {
  font-family: var(--goup-font-display);
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* Label mono de seção (padrão explorador) */
.goup-label {
  font-family: var(--goup-font-mono);
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--goup-gold);
}

/* Chip "by GoUp Brasil" (padrão explorador) */
.goup-by {
  font-family: var(--goup-font-mono);
  font-size: 10px;
  font-weight: 400;
  color: var(--goup-text-muted);
  letter-spacing: .06em;
  padding: 3px 8px;
  border: 1px solid var(--goup-border);
  border-radius: 999px;
  white-space: nowrap;
}

.goup-by a {
  color: var(--goup-purple);
  text-decoration: none;
}

.goup-by a:hover {
  color: var(--goup-text-primary);
}