:root {
  --color-primary: #0ea5e9;
  --color-primary-dark: #0284c7;
  --color-accent: #f59e0b;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

#hero {
  background-image: linear-gradient(135deg, #0c4a6e 0%, #0ea5e9 50%, #7dd3fc 100%);
  position: relative;
}

/* Foco visível para acessibilidade */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Smooth scroll apenas para quem não prefere movimento reduzido */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Garantir que cards de plano não transbordem em telas pequenas */
@media (max-width: 768px) {
  .scale-105 {
    transform: none;
  }
}