/* Painel da Ana Paula Souza · cores e fontes do site · versão 1.9 · 2026-10-20 */
:root { --bg: #E3E9F2; --paper: #F2F5FA; --ink: #0C1D33; --muted: #44546B; --line: #BCC9DC; --line-soft: #D2DBE8; --gold: #C9AE86;
  --display: 'Cormorant Garamond', Georgia, serif; --sans: 'Plus Jakarta Sans', system-ui, sans-serif; --hard: 3px 3px 0 #C9AE86; }
/* azul e branco, igual ao site: barra lateral azul com texto branco, resto claro */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"] { --accent: #1F447F; --on-accent: #FFFFFF; --side-bg: #1F447F; --side-ink: #FFFFFF; --side-muted: #D3DEF0; --side-line: #4A6BA3; --side-sel: #2B5599; --hot: #B83A3A; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #08121F; --paper: #0E1C30; --ink: #F6F1E7; --muted: #9FB0C8; --line: #223A57; --line-soft: #172A42; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #08121F; --paper: #0E1C30; --ink: #F6F1E7; --muted: #9FB0C8; --line: #223A57; --line-soft: #172A42; color-scheme: dark; }
h1, h2, h3, .auth-card h1 { font-weight: 600; }
.brand em, .auth-art .brand em { color: #E8D5B5; }
/* botão para ver a senha */
.pw-wrap { position: relative; display: block; }
.pw-wrap input { padding-right: 84px !important; }
.pw-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); padding: 5px 10px; font: 600 13px var(--sans); color: #1F447F; border: 1.5px solid #1F447F; border-radius: 4px; background: #FFFFFF; }
.pw-eye:hover { box-shadow: 2px 2px 0 #C9AE86; }
.side .reserva-btn { background: #FFFFFF; color: #1F447F; border-color: #FFFFFF; }
.side .reserva-btn:hover { box-shadow: 3px 3px 0 #C9AE86; }
.side .nota, .side-foot, .side h2 { color: #D3DEF0; }

/* tela de entrada: calma, como o site da Ana */
.auth { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.auth-art { justify-content: flex-start; gap: 0; padding: clamp(28px, 5vw, 64px); }
.auth-art .brand { font: 600 28px/1 var(--display); letter-spacing: 0; }
.auth-art h2 { font: 600 clamp(42px, 5.2vw, 78px)/1.02 var(--display); letter-spacing: 0; max-width: 11ch; margin: auto 0 0; }
.auth-art h2 em { font-style: italic; color: #C9AE86; }
.auth-art .lede { margin: 22px 0 0; max-width: 36ch; font-size: 16px; line-height: 1.65; color: color-mix(in srgb, var(--side-ink) 78%, transparent); }
.auth-art .foot { margin-top: auto; padding-top: 48px; font-size: 11.5px; line-height: 1.9; letter-spacing: .16em; text-transform: uppercase; color: #C9AE86; }
.auth-card { width: min(420px, calc(100vw - 40px)); background: var(--paper); border: 1px solid var(--line); box-shadow: 5px 5px 0 #C9AE86; padding: clamp(22px, 4vw, 34px); gap: 16px; }
.auth-card h1 { font: 600 36px/1 var(--display); }
@media (max-width: 820px) {
  .auth { grid-template-columns: 1fr; }
  .auth-art { padding: 24px 20px 30px; }
  .auth-art h2 { font-size: 40px; margin-top: 36px; max-width: none; }
  .auth-art .lede { margin-top: 14px; font-size: 15px; }
  .auth-art .foot { display: none; }
  .auth-card { margin: 8px auto 36px; width: calc(100vw - 40px); }
}