/* Design system ManyNotavel — base compartilhada por todas as telas */
/* As fontes (Montserrat e Barlow Condensed) são carregadas no <head> de cada página. */

:root {
  --mn-primary: #3b4bff;
  --mn-primary-hover: #2331c9;
  --mn-primary-soft: #e4e7ff;
  --mn-ink: #10132b;
  --mn-muted: #5b5f85;
  --mn-bg: #f5f6ff;
  --mn-line: #e3e5f5;
  --mn-line-strong: #d6d9ef;
  --mn-rosa: #ff5a7a;
  --mn-violeta: #b13bff;
  --mn-ok: #0f8a5f;
  --mn-grad: linear-gradient(135deg, #3b4bff, #b13bff 60%, #ff5a7a);
}

body { font-family: 'Montserrat', sans-serif; font-weight: 400; color: var(--mn-ink); }
h1, h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; line-height: .95; }
.font-display { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; }

/* Gradiente da marca (substitui o roxo antigo) */
.gradient-bg { background: var(--mn-grad); }
.gradient-text { background: var(--mn-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.btn-primario { background: var(--mn-primary); color: #fff; border-radius: 999px; font-weight: 700; transition: background .15s; }
.btn-primario:hover { background: var(--mn-primary-hover); }

/* Botões de ação com gradiente viram pílula azul sólida, como no design */
button.gradient-bg, a.gradient-bg { background: var(--mn-primary); border-radius: 999px !important; box-shadow: none !important; }
button.gradient-bg:hover, a.gradient-bg:hover { background: var(--mn-primary-hover); opacity: 1 !important; }

/* Cards e sombras mais discretas */
.card-glow { box-shadow: none !important; }
.card-hover:hover { box-shadow: 0 8px 30px rgba(59, 75, 255, .10) !important; }
.shadow-purple-100, .shadow-purple-200 { --tw-shadow-color: rgba(59, 75, 255, .12) !important; }

/* Foco dos campos */
input:focus, select:focus, textarea:focus { outline: none; }

/* Marca: quadrado com gradiente (logo placeholder) */
.gradient-bg-flat { background: var(--mn-grad); display: inline-block; }
html { scroll-behavior: smooth; }

/* Painel: títulos de página grandes, como no design */
main h1 { font-size: clamp(40px, 5vw, 56px) !important; line-height: .95 !important; font-weight: 700 !important; }