/*
 * global.css — Atlas Formaturas
 * Sistema de tokens e correções sistêmicas compartilhadas.
 * Incluído como último <link> em cada página (após </style>) para garantir precedência.
 *
 * NÃO contém: layout de seção, tipografia de conteúdo, cores de seção.
 * CONTÉM: correções de sistema, :active states, acessibilidade, motion.
 */

/* ── BASE ─────────────────────────────────────────────────────── */
body {
  line-height: 1.6;
}

/* ── FOCUS ACESSÍVEL ──────────────────────────────────────────── */
*:focus-visible {
  outline-offset: 4px; /* era 3px em todas as páginas */
}

/* ── BOTÕES — :active states ──────────────────────────────────── */
/* Zero :active existia em todo o site — clique sem feedback em mobile (sem hover) */

.btn-gold:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
  transition-duration: 50ms;
}

.btn-outline:active,
.btn-outline-gold:active {
  transform: translateY(0) scale(0.97);
  opacity: 0.85;
  transition-duration: 50ms;
}

.btn-gold-nav:active {
  transform: translateY(0) scale(0.97);
  transition-duration: 50ms;
}

/* ── NAV — active state visível (não só no hover) ─────────────── */
/* A linha dourada de sublinhado aparecia só no hover, nunca na página atual */
.nav-link.active::after {
  transform: scaleX(1);
}

/* ── CARDS — glass-card:hover ─────────────────────────────────── */
/* Faltava em openday.php e contato-fotos-formatura-rj.html */
.glass-card:hover {
  border-color: rgba(212, 175, 55, 0.25);
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

/* ── TABS — aba ativa não escurece no hover ───────────────────── */
/* .tab-btn.active:hover estava reduzindo opacity para 0.8 */
.tab-btn.active:hover {
  opacity: 1;
}

/* ── FORMULÁRIOS — disabled state ─────────────────────────────── */
/* Botão de submit desabilitado via JS ficava idêntico ao ativo */
input:disabled,
select:disabled,
textarea:disabled,
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ── ACCESSIBILITY — MOTION ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .btn-gold,
  .btn-outline,
  .btn-gold-nav,
  .btn-outline-gold,
  .card-hover,
  .nav-glass {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}