:root{
  --postas-sky: #2aa7ff;
  --postas-sky-2: #74c7ff;
  --postas-ink: #0f172a;
  --postas-muted: #64748b;
  --postas-border: #e5e7eb;
  --postas-bg: #f7fbff;
}

html, body{
  height: 100%;
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--postas-ink);
  background: var(--postas-bg);
}

a { text-decoration: none; }

.btn-primary{
  background: linear-gradient(90deg, var(--postas-sky), var(--postas-sky-2));
  border: none;
  box-shadow: 0 10px 20px rgba(42,167,255,0.18);
}

.btn-primary:hover{
  filter: brightness(0.98);
}

.form-control{
  border-color: var(--postas-border);
}

.form-control:focus{
  border-color: rgba(42,167,255,0.55);
  box-shadow: 0 0 0 .25rem rgba(42,167,255,0.18);
}