/* =========================================================
   DIGISKYWARD -- shared tokens.
   Always loaded on product pages regardless of which
   individual features are switched on in Settings > Digiskyward,
   since every feature stylesheet depends on these custom
   properties existing.
   ========================================================= */

:root {
  --bbpb-red: #E21C21;
  --bbpb-red-dark: #B9151A;
  --bbpb-black: #090909;
  --bbpb-black-soft: #232323;
  --bbpb-border: #D7D7D7;
  --bbpb-border-soft: #E7E7E7;
  --bbpb-muted: #9A9A9A;
  /* Kept small on purpose -- a big radius on a full-width, 46-67px
     tall button reads as a soft pill rather than a considered,
     solid control. Every button in the plugin shares this one
     token so the whole storefront reads as one deliberate system. */
  --bbpb-radius: 3px;

  /* Flat, zero-blur "offset" shadows -- a crisp hard edge under the
     button instead of a diffuse coloured glow. Glow blur is what
     reads as soft/curvy even when the corners themselves are
     already square; a solid-colour, no-blur shadow is what reads
     as "solid" on a flat 2025/2026 storefront. Buttons lift on
     hover (bigger offset) and press flat on :active (offset
     collapses to 1px) for real tactile feedback. */
  --bbpb-shadow-red: var(--bbpb-red-dark);
  --bbpb-shadow-black: rgba(0, 0, 0, .45);
}

/* Shared premium shine sweep -- used by both the button-styling
   and sticky-bar features independently, so it lives in the
   always-loaded base file instead of either feature file. That
   way turning one feature off never breaks the other's shine. */
@keyframes bbpbShine {
  0%, 45% { left: -60%; }
  70%, 100% { left: 140%; }
}