/* Product palettes shared by support, download and feedback. */
:is(body[data-app], [data-support-app]) {
  --app-tint: #f5f5f7;
  --app-glow: rgba(139, 139, 157, .30);
  --app-shadow: rgba(29, 29, 31, .14);
  --app-btn: #424245;
  --app-ink: #1d1d1f;
  --app-soft: #ebebf0;
  --app-ring: color-mix(in srgb, var(--app-btn) 16%, transparent);
}

:is(body[data-app="romatalk"], [data-support-app="romatalk"]) {
  --app-tint: linear-gradient(160deg, #fff4e0, #ffe3c2);
  --app-glow: rgba(242, 122, 58, .35);
  --app-shadow: rgba(210, 120, 30, .30);
  --app-btn: #c75216;
  --app-ink: #7a3300;
  --app-soft: #fff4e0;
}

:is(body[data-app="vistadose"], [data-support-app="vistadose"]) {
  --app-tint: linear-gradient(160deg, #f1f8e6, #dcefc6);
  --app-glow: rgba(110, 170, 50, .35);
  --app-shadow: rgba(70, 120, 30, .28);
  --app-btn: #3f7d1f;
  --app-ink: #24470f;
  --app-soft: #f1f8e6;
}

:is(body[data-app="twopillows"], [data-support-app="twopillows"]) {
  --app-tint: linear-gradient(160deg, #f6ecff, #ffe0d6);
  --app-glow: rgba(138, 63, 214, .28);
  --app-shadow: rgba(70, 10, 80, .30);
  --app-btn: #6a1f9e;
  --app-ink: #3d0a5c;
  --app-soft: #f6ecff;
}