/* Bipe — design tokens compartidos */
:root {
  --bg:        #0d1117;
  --surface:   #161b22;
  --surface-2: #1c232c;
  --surface-3: #232c37;
  --border:    #2a3440;
  --border-2:  #3a4554;

  --text:      #e6edf3;
  --text-2:    #9aa7b4;
  --text-3:    #6b7785;

  --accent:    #a3e635;
  --accent-d:  #84cc16;
  --accent-ink:#0d1117;

  --warm:      #fb923c;
  --info:      #38bdf8;
  --danger:    #ef4444;
  --success:   #22c55e;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  --shadow-md: 0 4px 12px rgba(0,0,0,.5);
  --shadow-lg: 0 20px 40px -10px rgba(0,0,0,.7);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
body {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.num { font-family: 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; color: inherit; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-d); }

.brand {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 800; font-size: 20px; letter-spacing: -0.02em;
}
.brand-dot {
  width: 11px; height: 11px;
  background: var(--accent);
  border-radius: 2px;
  box-shadow: 0 0 14px var(--accent);
}