/* ===============================
   RESET
================================= */

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

html, body {
  height: 100%;
}

/* ===============================
   VARIÁVEIS GLOBAIS
================================= */

:root {
  --bg-primary: #0f172a;
  --bg-secondary: #111c2e;
  --bg-card: #16243a;

  --blue-primary: #3b82f6;
  --blue-secondary: #2563eb;

  --green: #00ff99;
  --red: #ff3b30;
  --yellow: #ff9f0a;

  --text-primary: #ffffff;
  --text-secondary: #94a3b8;

  --radius-default: 12px;
  --transition-default: 0.3s ease;
}

/* ===============================
   BODY
================================= */

body {
  font-family: "Segoe UI", Arial, sans-serif;
  background: linear-gradient(135deg, #0b1a2b, #0f172a);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
}

/* ===============================
   TIPOGRAFIA BASE
================================= */

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

p {
  color: var(--text-secondary);
  font-size: 14px;
}

/* ===============================
   LINKS
================================= */

a {
  text-decoration: none;
  color: inherit;
}

/* ===============================
   SCROLLBAR PERSONALIZADA
================================= */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0b1a2b;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #334155;
}