/* BettaPRO — forma, traço e profundidade. Industrial: canto reto, traço fino, sem sombra macia. */
:root{
  --bp-radius-none:0px;
  --bp-radius-xs:2px;
  --bp-radius-sm:3px;
  --bp-radius-full:999px;

  --bp-border-width:1px; /* @kind spacing */
  --bp-border-width-accent:2px; /* @kind spacing */
  --bp-border-hairline:1px solid var(--bp-border); /* @kind other */
  --bp-border-accent-line:2px solid var(--bp-red); /* @kind other */

  /* barra vermelha divisória — assinatura de layout */
  --bp-rule-height:5px; /* @kind spacing */
  --bp-rule-width:200px; /* @kind spacing */

  /* anel do ícone de benefício */
  --bp-icon-ring-size:62px; /* @kind spacing */
  --bp-icon-ring-border:1.5px solid var(--bp-red); /* @kind other */

  /* profundidade: luz de borda, não sombra difusa */
  --bp-edge-light:inset 0 1px 0 rgba(255,255,255,.08); /* @kind shadow */
  --bp-edge-light-strong:inset 0 1px 0 rgba(255,255,255,.16); /* @kind shadow */
  --bp-shadow-drop:0 2px 0 rgba(0,0,0,.6); /* @kind shadow */
  --bp-glow-red:0 0 0 2px rgba(255,0,0,.35); /* @kind shadow */
  --bp-focus-shadow:0 0 0 2px var(--bp-black),0 0 0 4px var(--bp-red); /* @kind shadow */

  /* proteção de leitura sobre fotografia */
  --bp-scrim-left:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 28%,rgba(0,0,0,.55) 55%,rgba(0,0,0,0) 78%); /* @kind other */
  --bp-scrim-bottom:linear-gradient(0deg,#000 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,0) 100%); /* @kind other */
  --bp-scrim-vignette:radial-gradient(120% 90% at 50% 45%,rgba(0,0,0,0) 40%,rgba(0,0,0,.75) 100%); /* @kind other */
}