/* Gradients from brand book p.09 ("Rastro e brilho"): cta = só no botão principal · banner = banners ·
   rastro = capas. Shadows/motion are derived — the identity is flat + hairline, shadow only on floating
   layers and the CTA glow. */
:root{
  --gradient-cta:linear-gradient(90deg,var(--laranja-claro) 0%,var(--laranja) 100%); /* @kind color */
  --gradient-banner:linear-gradient(90deg,var(--laranja) 0%,var(--laranja) 40%,var(--laranja-claro) 100%); /* @kind color */
  --gradient-rastro:linear-gradient(90deg,var(--neutro-800) 0%,var(--neutro-800) 40%,var(--laranja) 100%); /* @kind color */
  --gradient-brilho:radial-gradient(60% 60% at 85% 10%,rgba(238,107,45,.55) 0%,rgba(238,107,45,.18) 35%,rgba(238,107,45,0) 70%); /* @kind color */
  --grid-lines-dark:linear-gradient(rgba(244,245,248,.05) 1px,transparent 1px) 0 0/var(--grid-module) var(--grid-module),linear-gradient(90deg,rgba(244,245,248,.05) 1px,transparent 1px) 0 0/var(--grid-module) var(--grid-module); /* @kind other */
  --grid-lines-light:linear-gradient(var(--linha) 1px,transparent 1px) 0 0/var(--grid-module) var(--grid-module),linear-gradient(90deg,var(--linha) 1px,transparent 1px) 0 0/var(--grid-module) var(--grid-module); /* @kind other */

  --shadow-none:none; /* @kind shadow */
  --shadow-xs:0 1px 2px rgba(20,22,30,.06);
  --shadow-md:0 12px 32px -12px rgba(20,22,30,.18),0 0 0 1px rgba(20,22,30,.04);
  --shadow-lg:0 32px 64px -24px rgba(20,22,30,.32),0 0 0 1px rgba(20,22,30,.04);
  --shadow-cta:0 10px 24px -8px rgba(238,107,45,.55);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  --z-header:100; /* @kind other */
  --z-dropdown:200; /* @kind other */
  --z-overlay:300; /* @kind other */
  --z-dialog:310; /* @kind other */
  --z-toast:400; /* @kind other */
  --z-tooltip:500; /* @kind other */
}