/* Telas de entrada (entrar, criar conta, senha, confirmação) — VITRINE 2026-10-24.
   Mesmo visual da página inicial: tons neutros, títulos de peso 600 com espaçamento apertado,
   campos e botões arredondados, sem brilho nem sombra, uma cor de destaque (o laranja da marca).
   Carregado DEPOIS do style.css: troca só os valores do tema nessas telas, nada do painel.
   Tema escolhido por js/tema.js (claro, escuro ou o do aparelho). */
:root, :root[data-theme="light"] {
  --bg: #ffffff;
  --surface: #f5f5f7;
  --surface-2: #f5f5f7;
  --surface-3: #e8e8ed;
  --border: #d2d2d7;
  --text: #1d1d1f;
  --text-dim: #6e6e73;
  --accent: #ff8a1e;
  --accent-dim: #e87400;
  --on-accent: #1b0e00;
  --accent-ink: #b4530a;
  --signal: #b4530a;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #000000;
  --surface: #1c1c1e;
  --surface-2: #1c1c1e;
  --surface-3: #2c2c2e;
  --border: #3a3a3c;
  --text: #f5f5f7;
  --text-dim: #a1a1a6;
  --accent: #ff8a1e;
  --accent-dim: #e87400;
  --on-accent: #1b0e00;
  --accent-ink: #ffa24a;
  --signal: #ffa24a;
  color-scheme: dark;
}
body { background: var(--bg); color: var(--text); font-family: var(--font-body); letter-spacing: -0.016em; -webkit-font-smoothing: antialiased; }
.auth-shell { background: var(--bg); }

/* Coluna da marca: só o tom, sem degradê */
.auth-aside { background: var(--surface); border-right: 0; }
.auth-aside-brand { font-weight: 600; font-stretch: normal; letter-spacing: -0.02em; }
.auth-aside-brand span span { color: var(--accent-ink); }
.auth-aside-headline, .auth-aside-main .auth-aside-headline { font-weight: 600; font-stretch: normal; letter-spacing: -0.035em; line-height: 1.05; }
.auth-aside-lead, .auth-aside-foot { color: var(--text-dim); }
.auth-aside-features strong { font-weight: 600; }
.auth-aside-features .ico { border: 0; border-radius: 12px; background: var(--bg); color: var(--accent-ink); }
.auth-aside-pill { background: var(--bg); color: var(--accent-ink); }
.auth-aside-steps .n { border-color: var(--border); color: var(--accent-ink); font-family: var(--font-display); font-weight: 600; }

/* Formulário */
.auth-title, .auth-shell.auth-split .auth-title { font-family: var(--font-display); font-size: clamp(32px, 4vw, 40px); font-weight: 600; letter-spacing: -0.035em; line-height: 1.08; }
.auth-title-accent { color: var(--accent-ink); }
.auth-subtitle { color: var(--text-dim); font-size: 17px; }
.auth-field label { color: var(--text); font-weight: 600; font-size: 14px; }
.auth-input-wrap { background: var(--surface); border: 1px solid transparent; border-radius: 12px; }
.auth-input-wrap:focus-within { border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }
.auth-input-wrap input { color: var(--text); font-size: 17px; }
.auth-input-wrap input::placeholder { color: var(--text-dim); }
.auth-submit-btn { border-radius: 980px; min-height: 50px; background: var(--accent); color: var(--on-accent); font-weight: 600; font-size: 17px; box-shadow: none; }
.auth-submit-btn:hover { background: color-mix(in srgb, var(--accent) 88%, white); }
.auth-submit-btn:focus-visible { outline-color: var(--accent-ink); }
.auth-divider { background: var(--border); }
.auth-footer-text { color: var(--text-dim); }
.auth-footer-text a, .auth-card a { color: var(--accent-ink); text-decoration: none; font-weight: 600; }
.auth-footer-text a:hover, .auth-card a:hover { text-decoration: underline; color: var(--accent-ink); }
.auth-card { background: transparent; border: 0; box-shadow: none; }
.auth-toggle-pass.open { color: var(--accent-ink); }
.error-msg { color: #d70015; }
:root[data-theme="dark"] .error-msg { color: #ff6961; }

/* Suporte e botão de tema */
.support-fab { border: 0; border-radius: 980px; background: var(--surface); color: var(--text); box-shadow: 0 6px 20px rgba(0, 0, 0, .12); }
.support-fab:hover { background: var(--surface-3); transform: none; }
.support-fab-icon { color: var(--accent-ink); }
.auth-theme-btn {
  position: fixed; top: 16px; right: 16px; z-index: 30;
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border: 0; border-radius: 980px; background: var(--surface); color: var(--text); cursor: pointer;
}
.auth-theme-btn:hover { background: var(--surface-3); }
.auth-theme-btn:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.auth-theme-btn .i-sol { display: none; }
:root[data-theme="dark"] .auth-theme-btn .i-sol { display: block; }
:root[data-theme="dark"] .auth-theme-btn .i-lua { display: none; }