/* Oferta Ativa — fundação visual compartilhada.
   Não coloque estilos de tela aqui: apenas tokens e regras globais. */
:root {
  --bg: #f7fbff;
  --surface: #ffffff;
  --surface2: #eef6ff;
  --border: #cfe3f7;
  --accent: #168bff;
  --accent2: #07549a;
  --green: #4ade80;
  --yellow: #fbbf24;
  --red: #f87171;
  --text: #0b3a68;
  --muted: #5f7f9d;
  --radius: 16px;
  --success-bg: #e8f8ee;
  --success-border: #9bd8b0;
  --danger-bg: #fff0f0;
  --danger-bg-strong: #ffe0e0;
  --danger-border: #f0aaaa;
  --warning-bg: #fff7df;
  --info-bg: #eaf3ff;
  --neutral-bg: #edf3f8;
  --active-bg: #e5f2ff;
  --font-sans: 'Segoe UI', system-ui, sans-serif;
  --focus-ring: 0 0 0 3px rgba(22, 139, 255, .28);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
.hidden { display: none; }

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}