/*
 * As classes da área de membros. As cores saem das variáveis --m-* que o
 * invólucro (MoldeDosMembros) põe conforme a aparência escolhida pela loja;
 * `escuro` só decide detalhes (sombra, contraste de selo).
 */

export type TemaDosMembros = {
  escuro: boolean;
  fundo: string;
  cartao: string;
  suave: string;
  apagado: string;
  linha: string;
  realce: string;
  cabecalho: string;
  campo: string;
};

export function temaDosMembros(escuro: boolean): TemaDosMembros {
  return {
    escuro,
    fundo: "bg-[var(--m-fundo)] text-[var(--m-texto)]",
    cartao: "border-[var(--m-linha)] bg-[var(--m-fundo-2)]",
    suave: "text-[var(--m-texto-2)]",
    apagado: "text-[var(--m-texto-3)]",
    linha: "border-[var(--m-linha)]",
    realce: "bg-[var(--m-realce)]",
    cabecalho: "border-[var(--m-linha)] bg-[var(--m-fundo)]/85",
    campo:
      "border-[var(--m-linha)] bg-[var(--m-realce)] text-[var(--m-texto)] placeholder:text-[var(--m-texto-3)] focus:border-[var(--m-acento)]",
  };
}

/* Os fundos vivos dos quadros sem foto (aulas e módulos). */
export const FUNDOS_DOS_QUADROS = [
  "linear-gradient(135deg, #3a1c71 0%, #d76d77 60%, #ffaf7b 100%)",
  "linear-gradient(135deg, #0f2027 0%, #2c5364 100%)",
  "linear-gradient(135deg, #f12711 0%, #f5af19 100%)",
  "linear-gradient(135deg, #134e5e 0%, #71b280 100%)",
  "linear-gradient(135deg, #8e2de2 0%, #4a00e0 100%)",
  "linear-gradient(135deg, #42275a 0%, #734b6d 100%)",
];