:root {
  /* superfície principal */
  --bg-page: #0e1116;
  --bg-stadium: #c9cdd6;

  /* sidebar escura */
  --sidebar-bg: #15181d;
  --card-bg: #1d2128;
  --card-border: #2a2f38;

  /* texto */
  --text: #f3f5f8;
  --text-muted: #98a0ac;
  --text-dim: #6c7480;

  /* acentos */
  --accent: #2fae4f;
  --accent-dark: #4a5a1f;
  --accent-light: #d7e89a;
  --gold: #f2c014;
  --danger: #dc2626;
  --success: #22c55e;
  --border: #2a2f38;

  --font: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, Menlo, Consolas, monospace;

  --ad-slot-height: 90px;
  --ad-bar-max-height: 106px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  height: 100dvh;
  overflow: hidden;
}

body {
  font-family: var(--font);
  background: var(--bg-page);
  color: var(--text);
  overflow: hidden;
  position: fixed;
  inset: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

button { font-family: inherit; cursor: pointer; border: none; }

.hidden { display: none !important; }

.muted { color: var(--text-muted); font-size: 0.9rem; }