/* ============================================================================
   AW7 — BRANDING LAYER
   Ajustes finos de marca. NÃO redefine tokens (isso está em main.css).
   ============================================================================ */

/* Aliases de compatibilidade: páginas legadas usam nomes de var antigos.
   Mapeamos pros tokens atuais do design system pra não quebrar estilos inline. */
:root {
  --primary: var(--brand);
  --primary-dark: var(--brand-hover);
  --secondary: var(--accent);
  --bg-main: var(--bg);
  --bg-hover: var(--bg-sunken);
  --border: var(--line);
  --border-gold: var(--line-strong);
  --text: var(--ink);
  --text-dark: var(--ink);
  --text-secondary: var(--ink-3);
  --text-muted: var(--ink-4);
  --success: var(--ok);
  --success-bg: var(--ok-bg);
  --error: var(--err);
  --error-bg: var(--err-bg);
  --warning: var(--warn);
  --warning-bg: var(--warn-bg);
  --warning-border: rgba(162, 102, 19, 0.22);
  --lime-green: var(--accent);
  --lime-green-dark: var(--brand-deep);
}

/* Logo na sidebar — estilo definido em theme-modern.css.
   Sem alteração de cor ou transform no hover. */

/* Marca d'água discreta no canto inferior direito do login */
.login-brand-watermark {
  position: fixed;
  bottom: 20px;
  right: 24px;
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-4);
  opacity: 0.7;
  pointer-events: none;
}

/* Gradiente em áreas hero (login, telas públicas) */
.aw7-hero-bg {
  background:
    radial-gradient(ellipse 80% 60% at 20% 0%, rgba(18, 130, 162, 0.08), transparent 60%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(3, 64, 120, 0.10), transparent 60%),
    var(--bg);
}

/* Texto com gradiente da marca (para headlines especiais) */
.text-gradient-aw7 {
  background: linear-gradient(135deg, var(--aw7-yale) 0%, var(--aw7-cerulean) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Linha diagonal sutil como detalhe editorial em seções hero */
.aw7-diagonal-accent {
  position: relative;
}
.aw7-diagonal-accent::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--aw7-cerulean));
  transform-origin: right;
}

/* Botão flutuante (teste conexão, limpar cache no login) */
.btn-fab {
  width: 48px;
  height: 48px;
  border-radius: var(--r-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(10, 17, 40, 0.18);
  transition: all 200ms ease;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.btn-fab:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(10, 17, 40, 0.25); }
.btn-fab:active { transform: translateY(0) scale(0.96); }
.btn-fab.btn-fab-info { background: linear-gradient(135deg, var(--aw7-cerulean), var(--aw7-yale)); }
.btn-fab.btn-fab-brand { background: linear-gradient(135deg, var(--aw7-yale), var(--aw7-navy)); }