/* Official gradients. From frame44: "Do not modify the color combinations,
   gradient direction, or proportions." Stop positions are the file's own. */
:root {
  /* Brand gradient — the primary brand surface. Pink into orange, top to bottom. */
  --mm-gradient-brand: linear-gradient(180deg, #FF276F -23.70%, #FF3763 3.23%, #FF7038 100.00%); /* @kind color */
  /* Two-stop form used on the chapter dividers and full-bleed panels. */
  --mm-gradient-brand-2: linear-gradient(180deg, #FF276F -23.70%, #FF7038 102.78%); /* @kind color */
  /* Tighter crop used behind cover art and half-panels. */
  --mm-gradient-brand-tight: linear-gradient(180deg, #FF276F -27.79%, #FF7038 100.01%); /* @kind color */

  /* Logo gradient — horizontal, reserved for the standalone logo mark. */
  --mm-gradient-logo: linear-gradient(90deg, #E21680 0.00%, #FF633A 100.00%); /* @kind color */

  /* Secondary gradients. */
  --mm-gradient-violet: linear-gradient(180deg, #7A27FF 0%, #A36AFF 100%); /* @kind color */
  --mm-gradient-blue: linear-gradient(180deg, #1BA4FF 0%, #38CDFF 100%); /* @kind color */

  /* Protection scrim for type over imagery (used on cover art crops). */
  --mm-scrim-bottom: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); /* @kind color */
}