/*
 * Tema "Nubank Roxo" — tokens compartilhados por todas as páginas do sistema
 * (index.html, install.php, LEIA-ME.html, ATUALIZACAO-SEGURA.html).
 * Cor de marca trocada de azul (Cobalt Sky) para roxo (catálogo 21st.dev,
 * tema "Nubank"): mais vívida para o botão de ação e associada a pagamento
 * digital no mercado brasileiro — sem invadir as 4 cores fixas de status
 * (verde/âmbar/ocupada/perigo), que continuam no bloco abaixo.
 * Padrão do sistema: MODO CLARO. O bloco .dark fica pronto para uma
 * alternância futura (hoje a tag <html> nunca recebe a classe "dark").
 */
:root {
  --background: #ffffff;
  --foreground: #0a0a0a;
  --card: #ffffff;
  --card-foreground: #0a0a0a;
  --popover: #ffffff;
  --popover-foreground: #0a0a0a;
  --primary: #8033cc;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --destructive-foreground: #ffffff;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #8033cc;
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #8033cc;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --radius: 0.625rem;
  --font-sans: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.dark {
  --background: #151d2a;
  --foreground: #fafafa;
  --card: #1b2533;
  --card-foreground: #fafafa;
  --popover: #1b2533;
  --popover-foreground: #fafafa;
  --primary: #9952e0;
  --primary-foreground: #fafafa;
  --secondary: #232f3e;
  --secondary-foreground: #fafafa;
  --muted: #242d3b;
  --muted-foreground: #9099a6;
  --accent: #2b394b;
  --accent-foreground: #fafafa;
  --destructive: #ff6467;
  --destructive-foreground: #fafafa;
  --border: #293442;
  --input: #2b3646;
  --ring: #9952e0;
  --sidebar: #18212e;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #9952e0;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #232f3e;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #252e3c;
}

/*
 * Cores de status com significado (livre, ocupada, conta/atenção, erro).
 * Fixas e não ligadas ao tema, para continuarem com o mesmo sentido em
 * qualquer modo (claro hoje; escuro quando a alternância existir).
 */
:root {
  --verde: #17694e;
  --amarelo: #f2b418;
  --amarelo-fg: #2b2000;
  --ocupada: #16262b;
  --ocupada-fg: #ffffff;
  --perigo: #a4161a;
}