/* ============================================================
   VALORISE — Sistema de marca compartilhado
   Paleta extraída do logotipo oficial
   ============================================================ */
:root{
  --navy-950:#070617;
  --navy-900:#0b0a26;
  --navy-880:#0d0b30;   /* fundo oficial do logo */
  --navy-850:#0f0d33;
  --navy-820:#13113c;
  --navy-800:#171544;
  --navy-760:#1c1953;
  --navy-700:#221e60;

  --indigo:#2a2a7a;
  --indigo-2:#392a8f;
  --purple:#7b0fd6;
  --purple-2:#a806f0;
  --magenta:#ba00ff;
  --violet:#b36bff;
  --violet-2:#c89bff;

  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);

  --text:#ffffff;
  --muted:#a9a6ce;
  --muted-2:#8a87b4;
  --dim:#6a678f;

  --grad:linear-gradient(118deg,#2a2a7a 0%,#7b0fd6 52%,#ba00ff 100%);
  --grad-rev:linear-gradient(118deg,#ba00ff 0%,#7b0fd6 48%,#2a2a7a 100%);
  --grad-soft:linear-gradient(135deg,#3a2f9c 0%,#8a1fe0 55%,#c33bff 100%);
  --grad-text:linear-gradient(100deg,#c89bff 0%,#ba00ff 60%,#7b0fd6 100%);

  --glow-magenta:rgba(186,0,255,.45);
  --glow-purple:rgba(123,15,214,.40);
  --glow-indigo:rgba(42,42,122,.55);

  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:var(--navy-880);
  color:var(--text);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;}
::selection{background:var(--magenta);color:#fff;}

/* utilidades compartilhadas */
.grad-text{
  background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px;}
.eyebrow{
  font-size:13px;letter-spacing:.28em;text-transform:uppercase;
  font-weight:600;color:var(--violet);
}

/* scrollbar */
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:var(--navy-950);}
::-webkit-scrollbar-thumb{background:#2a2660;border-radius:8px;border:3px solid var(--navy-950);}
::-webkit-scrollbar-thumb:hover{background:#3a3480;}

/* botões base (cada direção pode sobrescrever) */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:600;border-radius:999px;cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
  white-space:nowrap;
}
.btn-primary{
  background:var(--grad);color:#fff;
  box-shadow:0 10px 30px -8px var(--glow-magenta),inset 0 1px 0 rgba(255,255,255,.22);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px -10px var(--glow-magenta),inset 0 1px 0 rgba(255,255,255,.3);}
.btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--line-strong);}
.btn-ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}