/* Fachada de login da Nyvel: preto obsidiana + ouro elétrico.
   Injetado pelo nginx SÓ em /login* e /signup* (sub_filter). Os tokens são
   redeclarados no contêiner da fachada — e não no <html> — para que, depois do
   login, o sistema volte ao tema que cada pessoa escolheu: o contêiner some e
   estas regras deixam de casar. Os apelidos (--background, --primary...) são
   repetidos porque var() é resolvido onde é declarado: herdar só --color-bg
   não mudaria o --background já calculado no <html>. */

.min-h-screen.bg-background.p-6 {
  color-scheme: dark;

  --color-bg: #0e0f12;
  --color-surface: #15171c;
  --color-surface-elevated: #1d2027;
  --color-overlay: rgba(0, 0, 0, 0.6);
  --color-text: #f4f2ea;
  --color-text-muted: #a9a7a0;
  --color-text-subtle: #6f6d68;
  --color-border: #2a2d35;
  --color-border-strong: #3a3e48;
  --color-accent-400: #ffd600;
  --color-accent: #ffd600;
  --color-accent-fg: #0e0f12;
  --color-accent-hover: #ffe14d;
  --color-accent-soft: rgba(255, 214, 0, 0.12);
  --color-error: #e07a68;
  --color-error-bg: rgba(224, 122, 104, 0.16);
  --color-error-fg: #eb9a8a;

  --background: var(--color-bg);
  --foreground: var(--color-text);
  --card: var(--color-surface);
  --card-foreground: var(--color-text);
  --popover: var(--color-surface);
  --popover-foreground: var(--color-text);
  --primary: var(--color-accent);
  --primary-foreground: var(--color-accent-fg);
  --secondary: var(--color-surface-elevated);
  --secondary-foreground: var(--color-text);
  --muted: var(--color-surface-elevated);
  --muted-foreground: var(--color-text-muted);
  --accent-foreground: var(--color-accent-fg);
  --destructive: var(--color-error);
  --border: var(--color-border);
  --input: var(--color-border-strong);
  --ring: #ffd600;

  background:
    radial-gradient(ellipse 60% 45% at 50% 30%, rgba(255, 214, 0, 0.1), transparent 70%),
    #0e0f12;
  color: var(--color-text);
}

/* O logo dourado (tema escuro) no lugar do preto, mesmo com o tema claro. */
.min-h-screen.bg-background.p-6 [data-testid="logo-da-fachada"] { display: none !important; }
.min-h-screen.bg-background.p-6 [data-testid="logo-escuro-da-fachada"] { display: block !important; }

/* Campos: fundo levemente acima do preto, para não sumirem. */
.min-h-screen.bg-background.p-6 input {
  background-color: #15171c;
  color: #f4f2ea;
}
.min-h-screen.bg-background.p-6 input:-webkit-autofill {
  -webkit-text-fill-color: #f4f2ea;
  box-shadow: 0 0 0 1000px #15171c inset;
}

/* Rolagem além da tela não mostra a cor clara do <body>. */
html:has([data-testid="logo-escuro-da-fachada"]),
body:has([data-testid="logo-escuro-da-fachada"]) {
  background-color: #0e0f12;
}

/* Instalação em "só convite": quem é convidado entra pelo link do convite
   (/signup?invite=…), então o "Não tem conta? Criar conta" só levaria a uma
   página que recusa. Esconde a linha inteira. */
.min-h-screen.bg-background.p-6 p:has(> a[href^="/signup"]) { display: none !important; }