/*
 * Grupizo - Base
 * Tokens, reset and global document defaults shared by every page.
 *
 * Keep selectors here only when they belong to this responsibility.
 * See ../README.md (or ../../README.md inside components/pages).
 */

:root {
  /* Grupizo brand system: blue for action, purple for emphasis and cyan for flow. */
  --bg: #0e1117;
  --surface: #121722;
  --surface-solid: #181e28;
  --line: rgba(230, 232, 236, .12);
  --text: #e6e8ec;
  --muted: #9da7b6;
  --soft: #cfd6df;
  --blue: #3a7bff;
  --teal: #00d4ff;
  --violet: #7b5cff;
  --danger: #f87171;
  --success: #00d4ff;
  font-family: "Satoshi", Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: var(--bg); }
a { color: var(--blue); text-decoration: none; }
a:hover { color: #8eb6ff; }
button, input { font: inherit; }
button { cursor: pointer; }

/* Foco consistente e visível em páginas públicas e autenticadas. */
.button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 3px solid rgba(58,123,255,.45);
  outline-offset: 2px;
}