@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Sans:wght@500;600;700&display=swap');

:root {
  --squados-purple: oklch(0.58 0.2 290);
  --squados-purple-hover: oklch(0.52 0.22 290);
  --squados-purple-weak: oklch(0.95 0.04 290);
  --squados-bg: oklch(0.985 0.003 270);
  --squados-surface: oklch(1 0 0);
  --squados-border: oklch(0.92 0.005 270);
  --squados-text: oklch(0.18 0.015 270);
  --squados-text-muted: oklch(0.5 0.012 270);
  --squados-success: oklch(0.72 0.16 155);
  --squados-danger: oklch(0.62 0.22 25);
}

html, body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  background: var(--squados-bg) !important;
  color: var(--squados-text) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .text-2xl, .text-3xl, .text-4xl {
  font-family: 'DM Sans', 'Inter', sans-serif !important;
  letter-spacing: -0.01em;
}

/* Brand purple onde o Gatus usa azul-padrão (links, foco, bordas ativas) */
a, .text-blue-500, .text-blue-600, .text-blue-700 {
  color: var(--squados-purple) !important;
}
a:hover {
  color: var(--squados-purple-hover) !important;
}

/* Cards de endpoint: leve elevação, bordas mais suaves */
.endpoint, .group, [class*="rounded"] {
  border-radius: 12px;
}

/* Header com mais respiro e símbolo do logo destacado */
header img, .logo {
  border-radius: 8px;
  box-shadow: 0 4px 12px -2px oklch(0.58 0.2 290 / 0.18);
}

/* Gatus v5.36 hardcoda "System Monitoring Dashboard" abaixo do header h1.
   Não tem key de config pra trocar, e dashboard-heading já cumpre essa
   função. Escondemos pra não ter texto em inglês solto. */
header h1 + p {
  display: none;
}